What is CLS by page
CLS by page shows Cumulative Layout Shift (CLS) for your most visited pages. This lens helps you identify which high-traffic pages are experiencing visual instability that may frustrate users or hurt your Core Web Vitals score.
To view the full list, maximize the lens widget — pages are sorted by traffic, so you can address the most impactful ones first.
Pages listed here reflect real user sessions during the selected period and device. If a page hasn’t been visited, it won’t show up in this view.
CLS measures unexpected layout shifts — like buttons moving, content jumping, or images loading late — that disrupt the user experience.
Healthy CLS by page sample
A healthy CLS by page view shows all green — meaning your high-traffic pages are visually stable as they load.
Some pages might be slightly better than others, but as long as there’s no yellow or red, your site is considered stable. The lower the shift, the better.
Unhealthy CLS by page sample
In the example below, the Homepage shows unhealthy CLS values — while other popular pages remain stable.
This could be caused by:
Ads or embeds loading after content.
Fonts swapping late and shifting text.
Lazy-loaded images or iframes without reserved space.
Elements shifting during render due to JavaScript.
When popular pages show layout instability, it erodes user trust and contributes to early exits — especially on mobile.
Resolving unhealthy CLS by page
Go-to action plan to resolve an unhealthy CLS by page:
Ask Uxi to analyze your CLS by page values and suggest improvements
Use Filters to focus on the worst-performing high-traffic pages.
Simulate CLS of the suspected lens to see if fixing it will resolve the CLS by page. If yes, this is where the resolution focus should be.
Use an automated CLS optimization tool like Navigation AI to improve your CLS by page values
Once you’ve improved CLS, set an alert to be the first to know if it starts worsening again.
Try it yourself
Discover how your website performs with real user data.