CLS (Cumulative Layout Shift) er en Core Web Vital-metrik, der scorer, hvor meget synligt indhold skifter uventet, mens en side indlæses. En god score er 0,1 eller derunder; alt over 0,25 betragtes som dårligt.
Hvorfor det er vigtigt
Layoutskift forårsager fejlklik, mistet læseposition og en generelt ustabil oplevelse. Fordi CLS er en del af Googles brugeroplevelsessignaler, kan en dårlig score også svække placeringen i søgeresultater. I modsætning til rene indlæsningstids-metrikker fanger CLS reel friktion, som besøgende bemærker.
Sådan fikser du det
- Sæt altid eksplicit
widthogheight(elleraspect-ratio) på billeder, videoer og iframes. - Reservér plads til annoncer, embeds og dynamisk indsatte bannere med min-height-containere.
- Undgå at indsætte nyt DOM-indhold over eksisterende indhold, medmindre det er som svar på en brugerinteraktion.
- Preload kritiske fonts og brug
font-display: optionalellerswapmed omhu. - Animér layout med
transformogopacityi stedet for egenskaber, der udløser reflow.