Layout shifts for real visitors (CLS)
High priorityPerformance
Content on the page moves around while it loads, with a Cumulative Layout Shift above 0.1 (75th percentile).
What triggers this issue
- CLS needs improvement: 0.1–0.25.
- CLS is poor: over 0.25.
Why it matters
Layout shifts make people lose their place or tap the wrong thing when an image, ad or banner pushes content down. CLS is a Core Web Vital Google uses for ranking.
How to fix it
- Give images, videos, iframes and ads fixed dimensions or a CSS
aspect-ratio. - Reserve space for cookie banners and late-loading content, or overlay them.
- Use
font-display: optionalor matched fallback fonts to stop text reflowing when web fonts load.