Cumulative layout shift

Cumulative Layout Shift

Cumulative Layout Shift (CLS) måler, hvor meget indhold flytter sig uventet på en side, mens den indlæses og bruges. Det sker for eksempel, når billeder, annoncer eller skrifttyper pludselig ændrer størrelse og skubber tekst og knapper rundt. CLS kvantificerer både hvor mange elementer der flytter sig og hvor langt de bevæger sig, så man får et samlet tal for visuel stabilitet. En høj CLS gør brugeroplevelsen frustrerende, fordi folk kan komme til at klikke på forkerte ting eller miste overblikket. For at holde CLS lavt bør udviklere reservere plads til billeder og annoncer, undgå dynamisk indsatte elementer over eksisterende indhold og sikre stabile layoutregler. Visuel stabilitet forbedrer tilgængeligheden og mindsker fejl under interaktion. Søgemaskinerne ser også på denne måling, fordi stabile sider giver bedre oplevelser for brugerne. Derfor kan optimering af CLS føre til øget brugertilfredshed og bedre synlighed i søgeresultater.