Avoid large layout shifts er Lighthouse/PageSpeeds måde at sige: undgå at indhold hopper, mens siden indlæses eller bruges. Målingen bag anbefalingen er Cumulative Layout Shift (CLS). En lav CLS gør siden mere forudsigelig og mindsker fejlklik.

Typiske årsager

  • Billeder, videoer og iframes uden width/height eller aspect-ratio.
  • Webfonte, der bytter fra fallback til custom font uden font-display-strategi.
  • Annoncer, cookie-banners og late-injected HTML over eksister.
  • Dynamisk indhold, der indsættes over eksisterende elementer.

Rettelser der virker

Reservér plads til medier (properly size images), sæt dimensioner på embeds, og undgå at skubbe indhold ned efter first paint. Cookie- og marketing-lag skal have en fast plads eller komme ind uden at flytte heroen. Test på mobil — CLS er ofte værre der.

Måling

Brug PageSpeed Insights (felt + lab) og Chrome’s Performance/Experience-paneler til at se, hvilke elementer der skifter. Ret de største bidragydere først. En god CLS er højst 0,1 ved 75. percentil af rigtige brugerbesøg.