Hvad er Cumulative Layout Shift (CLS)?
Cumulative Layout Shift (CLS) måler, hvor meget indholdet på en webside uventet flytter sig, mens siden indlæses. CLS er en vigtig web vital, der påvirker brugeroplevelsen negativt, hvis elementer springer rundt på siden. En lav CLS-værdi betyder, at siden er visuelt stabil under indlæsning.
Hvornår bruges det?
CLS bruges, når man skal evaluere og optimere en websides brugeroplevelse, især i forbindelse med mobilvenlighed og teknisk SEO. Google bruger CLS som en rankingfaktor, fordi store layout-skift kan frustrere brugere. Webudviklere og SEO-specialister arbejder derfor målrettet med at reducere CLS for at sikre bedre placeringer og mindre brugerirritation.
Eksempel: Et billede uden definerede dimensioner på en artikel-side får teksten til at hoppe nedad, når billedet indlæses. Dette tæller som en negativ CLS-oplevelse, fordi brugeren muligvis klikker forkert, hvis indholdet pludselig flytter sig.
Typiske fejl
- Mangler højde og bredde på billeder og videoer
- Sen indlæsning af webfonts, der får tekst til at ændre størrelse
- Uforudsigelige reklame-elementer, der indsættes dynamisk
Relaterede begreber: Largest Contentful Paint (LCP), First Input Delay (FID), PageSpeed Insights
