Skip to content
SEO

Cumulative Layout Shift (CLS)

Cumulative Layout Shift is a Core Web Vitals metric that scores how much a page's visible content unexpectedly moves as it loads, such as text jumping down when an ad or image loads late. A score under 0.1 is considered good, and a high score usually causes mis-clicks and frustration.

Also called: CLS

Why it matters to a buyer

A page that visibly jumps while loading is one of the more common ways a business loses a sale it had already won: a visitor lines up a tap on an add-to-cart button, an ad slot loads above it, and the tap lands on the wrong element instead. CLS is also one of the three Core Web Vitals that factor into Google's page experience signals, so a buyer should treat unstable layout as both a conversion problem and a ranking-adjacent one, not a cosmetic detail to fix later.

How it is measured or applied

Shifts are usually caused by images or ads without a reserved size, web fonts that swap in and resize text, or content injected above existing content after load. Fixing it means setting explicit width and height or aspect-ratio on media, reserving space for ads and banners before they load, and loading fonts in a way that avoids a visible swap. It is measured in the Chrome User Experience Report field data shown in PageSpeed Insights and Search Console, and diagnosed page by page in Chrome DevTools' Performance panel, which shows exactly which element caused each shift.

Sources

  1. Cumulative Layout Shift (CLS), web.dev (Google)

Thirty minutes to see where your site is invisible.

Book a free consultation with Ibrahem and Jeremy. We look at your site on search, AI answers and conversion while we talk, and you leave with a prioritised plan.

30 minutes. No pitch deck. You leave with a prioritised plan.