What is CLS by Navigation AI impact
CLS by Navigation AI impact shows Cumulative Layout Shift (CLS) segmented by how the page was loaded — either through a standard navigation or through a prerendered/optimized journey powered by Navigation AI.
This lens helps you measure how much smoother your layout becomes when Navigation AI predicts and preloads the user’s next page.
Type | Description |
Standard navigation | A typical page load (e.g. link click or hard reload) with no AI enhancements |
Optimized navigation | A prerendered or AI-predicted page load using Navigation AI |
Navigation AI doesn't just make pages appear faster — it can also reduce layout shifts by:
Preloading visual content before the user clicks
Reserving layout space ahead of time
Smoothing transitions and reducing reflows
This gives users a more stable visual experience when moving between pages.
Healthy CLS by Navigation AI impact sample
In a healthy setup:
Both standard and optimized navigations should be green.
Optimized navigations often have even better CLS due to pre-rendering and fewer unexpected layout jumps.
This indicates your site’s layout is stable and Navigation AI is enhancing that stability.
Unhealthy CLS by Navigation AI impact sample
If CLS is still high, even for optimized navigations, it means layout shifts are happening after prerender — usually due to:
Unreserved space for dynamic content (images, embeds, ads)
Late-executing personalization scripts
Content injected during hydration
Layout reflows caused by DOM updates after render
In these cases, Navigation AI does its job — but unstable layout code still affects the final experience.
Resolving unhealthy CLS by Navigation AI impact
Go-to action plan to resolve an unhealthy CLS by Navigation AI impact:
Ask Uxi to analyze your CLS by Navigation AI impact values and suggest improvements
Use Filters to find high-traffic pages with poor CLS on optimized loads.
Simulate CLS of the suspected lens to see if fixing it will resolve the CLS by Navigation AI impact. If yes, this is where the resolution focus should be.
Use an automated CLS optimization tool like Navigation AI to improve your CLS by Navigation AI impact 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.