Kritisk CSS

Den del af stilarket, der skal bruges til det, man ser først, indsat direkte i sidens HTML.

Kritisk CSS fjerner ventetiden på et eksternt stilark, før noget kan vises. Resten kan hentes bagefter. På sider, hvor hastighed er afgørende, giver det en mærkbar forbedring af første visning.

På dette site indsættes al CSS direkte i HTML, fordi sitet er statisk og stilarket lille. På større løsninger opdeles det, så kun det kritiske indsættes.

I praksis

Vil I se, hvordan vi arbejder med kritisk css? Det hører til under Web.

Relaterede begreber

Core Web Vitals
Headless
INP
LCP
404-side
Accessibility