Cumulative layout shift

Cumulative Layout Shift

Cumulative Layout Shift (CLS) måler hvor mye innhold på en side hopper eller skifter plass uventet mens siden lastes eller under bruk. Slike forskyvninger skjer når bilder, annonser eller annet innhold lastes inn uten forhåndsangitte dimensjoner, eller når elementer settes inn over eksisterende innhold. CLS gir en poengsum uten enhet hvor lavere tall betyr mer stabil layout og bedre brukeropplevelse. Uventede hopp kan føre til at brukeren mister fokus, klikker feil eller opplever siden som ustabil. Høy CLS skader brukervennlighet og kan redusere konverteringer, spesielt på mobile enheter hvor skjermen er liten. For å redusere CLS bør du angi faste bredde- og høydeverdier for media, bruke reserveringsplasser for annonser og dynamisk innhold, og unngå å sette inn nytt innhold over eksisterende uten overgang. Å laste skrifter riktig og bruke transformasjoner i animasjoner heller enn å endre layout bidrar også til stabilere sider. En tommelfingerregel er å sikte på en CLS under 0,1 for å gi en god opplevelse for de fleste brukere.