What is CLS by screen resolution
CLS by screen resolution shows Cumulative Layout Shift (CLS) value across different screen resolutions (e.g. 1920x1080, 1440x900). This lens helps you detect if layout shifts are worse on certain screen sizes.
Only screen resolutions that generated traffic during the selected period are shown.
Healthy CLS by screen resolution sample
If all rows are green, your layout is stable across common screen sizes. Some minor differences are normal, but there should be no yellow or red in high-traffic resolutions.
Unhealthy CLS by screen resolution sample
In the example below, 1920×1080 and 1536x864 are both common and problematic — meaning many users likely experience layout shifts. That can result in accidental clicks, loss of trust, and reduced conversions.
Resolving unhealthy CLS by screen resolution
Go-to action plan to resolve an unhealthy CLS by screen resolution:
Ask Uxi to analyze your CLS by screen resolution values and suggest improvements
Use Filters to isolate the slow resolutions, then explore related CLS lenses (like device or browser) to find patterns.
Simulate CLS of the suspected lens to see if fixing it will resolve the CLS by screen resolution. If yes, this is where the resolution focus should be.
Use an automated CLS optimization tool like Navigation AI to improve your CLS by screen resolution 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.