{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What causes CLS?", "acceptedAnswer": { "@type": "Answer", "text": "Images without defined dimensions, dynamically injected ads, web fonts swapping, and late-loading embeds." } }, { "@type": "Question", "name": "How do you fix CLS?", "acceptedAnswer": { "@type": "Answer", "text": "Set explicit width and height on images, reserve space for ads, and use font-display: optional." } }, { "@type": "Question", "name": "Is CLS a Google ranking factor?", "acceptedAnswer": { "@type": "Answer", "text": "Yes — it is part of Core Web Vitals which contribute to Google's Page Experience signal." } } ] }
Definition

What Is CLS (Cumulative Layout Shift)?

A Core Web Vital that measures unexpected layout shifts during page load — when elements move as assets load, disrupting user interaction. Google recommends a score below 0.1.

Related Terms

Core Web Vitals

LCP

Page Speed

Accessibility (A11y)

Above the Fold

Example

A page where a banner ad loads late and pushes the CTA button down has high CLS — the user clicks in the wrong place before content settles.

Synonyms:

Cumulative Layout Shift

Acronyms:

CLS