Cumulative Layout Shift (CLS)
A Core Web Vital measuring how much page content shifts unexpectedly during loading.
Why It Matters
High CLS frustrates users by causing misclicks and content jumping, hurting both UX and rankings.
How It Works
CLS calculates the sum of all individual layout shift scores that occur without user interaction. Shifts happen when elements change size or position after rendering. Google considers CLS good if under 0.1.
Real-World Example
An ad loading above content pushes text down by 200px, causing a CLS of 0.25.
Common Mistakes
Not reserving space for images and ads with width/height
Dynamically injecting content above existing elements
Related Terms
A set of Google metrics measuring page loading speed, interactivity, and visual stability.
A Core Web Vital measuring how long it takes for the largest visible element to load.
A Core Web Vital measuring how quickly a page responds visually to user interactions.
Cumulative Layout Shift (CLS) FAQs
What is a good CLS score?
A CLS score under 0.1 is considered good by Google standards.
How do I fix CLS issues?
Set explicit dimensions on images and videos, reserve space for ads, and avoid inserting content above existing elements.
Need help with cumulative layout shift (cls)?
Get matched with a vetted specialist in 48 hours.
Ready to Get Started?
Get matched with a vetted specialist in 48 hours. No recruitment fees, no lengthy hiring process, just results.