CLS

Cumulative Layout Shift

CLS måler uventede layout-forskyvninger — når elementer flytter seg og brukeren klikker feil, mister leseplass, eller opplever «hoppende» side. Lav CLS gir roligere, mer tillitsvekkende opplevelse.

Målgrenser (75. persentil)

MetrikkBraTrenger forbedringDårlig
CLS≤ 0,10,1–0,25> 0,25

Hva utløser layout shift?

Bilder uten width/height, fonter som bytter størrelse, annonser/embeds som lastes inn sent, dynamisk innhold over eksisterende tekst, og cookie-bannere som skyver siden.

Forventet vs. uventet

Animasjoner etter brukerklikk (innen ~500 ms) regnes som forventet. CLS straffer uventede hopp brukeren ikke ba om.

Forbedringstips

Reserver plass til media (aspect-ratio), bruk transform/translate i stedet for å endre top/height, preload kritiske fonter, og unngå å sette inn innhold over eksisterende tekst uten reservert høyde.

← Tilbake til alle forklaringer