Layout Stability (Cumulative Layout Shift)

Cumulative Layout Shift (CLS) is one of Google's Core Web Vitals — its measure of how much visible content moves unexpectedly while a page loads. Google sets the threshold for a 'good' experience at CLS below 0.1, with scores above 0.25 considered poor.

Cumulative Layout Shift (CLS) is Google's measure of visual stability — how much visible content unexpectedly moves during the page lifecycle. Google's threshold for a "good" experience is CLS below 0.1; scores above 0.25 are considered poor. The user experience impact is concrete: layout shifts cause users to lose their place while reading, click the wrong button at the last second, or experience the page as unreliable before they've even interacted with it. Every shift signals a gap between what the browser rendered and what the final layout turned out to be. The most common causes — images without declared dimensions, late-loading ads, dynamic content insertion, web font reflow — are all fixable without design changes. CLS is a performance metric that is simultaneously a UX principle and an SEO ranking signal.

The user-facing harm of layout shift is concrete and infuriating. Content jumps as you're reading, so you lose your place; a button moves the instant before you tap, so you hit the wrong thing; and the whole page reads as unreliable before you've even interacted with it.

The reassuring part is that the usual culprits are fixable without touching the design — images without declared dimensions, late-loading ads, dynamically-inserted content, and web-font reflow. Reserving space for what's coming keeps the layout stable. And because CLS is also an SEO ranking signal, the fix pays off twice.

Layout stability, measured by Cumulative Layout Shift (CLS), is about how much visible content moves unexpectedly while a page loads. CLS is one of Google's Core Web Vitals: a 'good' score is below 0.1, and anything above 0.25 is considered poor. Each shift represents a gap between what the browser first rendered and what the final layout turned out to be.

The experience of a shifting layout is uniquely frustrating. Content jumps as you read and you lose your place; a button moves at the last second and you tap the wrong thing; and the page feels unreliable before you've done anything. It quietly undermines trust the way a flickering, unstable physical object would.

Encouragingly, the common causes are fixable without design changes. Images without declared dimensions, late-loading ads, dynamically-inserted content, and web-font reflow are the usual culprits, and reserving space for what's coming keeps the layout stable. CLS is simultaneously a performance metric, a UX principle, and an SEO ranking signal — so the fix pays off three ways. It connects to the Doherty threshold, feedback, and perceived performance.

Layout stability is genuinely measurable, and it's one of the things automated tooling handles well — CLS can be computed directly from how a page loads. Kweri can identify likely contributors it sees in the markup, such as images without declared dimensions or content regions prone to shifting, and flag them. The precise CLS score, though, depends on real load conditions — network speed, ad timing, font loading — so the definitive number comes from performance measurement on your live page. Kweri surfaces the probable causes and points you to confirm the score with Core Web Vitals tooling.

Identified by Google (Core Web Vitals). Catalogued from web.dev — Cumulative Layout Shift (CLS).

CLS is one of Google's Core Web Vitals; the linked web.dev article is the primary source.

Read the primary source →