Emner / css
CSS styrer udseende, men også hvor meget der skal hentes og parses før siden kan tegnes. Under emnet CSS finder du indhold der overlapper render-blocking, typografi og layout-stabilitet: hvordan store stylesheets påvirker LCP, og hvordan du strukturerer kritisk vs. ikke-kritisk styling.
Vi behandler CSS som en performance-ressource på linje med scripts og billeder. Det betyder fokus på faktisk brugt CSS, undgåelse af unødige @imports i kritisk path, og forståelse for hvordan designvalg (fx mange weights) skaber følgevirkninger for fonts og CLS.
CSS ændringer rører ofte mange sider på én gang. Indholdet her opfordrer til måling og trinvise udgivelser, så du kan rulle tilbage hvis en “optimering” ødelægger komponenter eller skjuler indhold.
Læs sammen med emnerne render-blocking, fonts og CLS for at dække hele kæden fra stylesheet-download til stabil visning.
CSS-optimering er ofte et samarbejde mellem design og udvikling: kompromiser om variationer, komponenter og breakpoints påvirker direkte hvor meget der skal hentes og parses på hver side.
Eksterne kilder du kan bruge til at validere målinger: PageSpeed Insights, web.dev Vitals og DevTools Performance.
Start her
- Fix CLS - seneste guide i emnet
- Fonts uden CLS - seneste blogindlæg i emnet
- Slå relaterede begreber op i ordbogen
Relaterede begreber (ordbog)
Guides
Guide
Fix CLS
Lær hvordan du reducerer CLS med faste dimensioner, aspect ratio, stabile embeds og korrekt font loading, så siden ikke hopper under indlæsning.
Guide
Fjern render blocking CSS og JavaScript for hurtigere første visning
Lær hvordan du reducerer render blocking fra CSS og JavaScript, så siden viser indhold hurtigere og giver bedre FCP og LCP.
Blogindlæg
Fortsæt i emneklyngen
Gå videre til relaterede sidetyper for at dække emnet fra flere vinkler.