What is CLS by Navigation AI speed
CLS by Navigation AI speed shows Cumulative Layout Shift (CLS) grouped by how quickly a navigation was delivered — whether through a standard load or an AI-optimized journey using Navigation AI.
This lens breaks performance into four categories based on real user navigation speed:
Category | Description |
Standard | Navigations with no Navigation AI assistance - traditional page loads |
Faster | Optimized navigations with improved speed, but still above 1s |
Semi-instant | Optimized navigations loading in 300ms to 1s - feels fast to most users |
Truly instant | Navigations under 300ms - often perceived as instant |
Navigation AI doesn’t just accelerate page load — it also stabilizes layouts by preloading content, reserving layout space early, and preventing reflows triggered by late-loading elements.
CLS by Navigation AI speed tells you if visual stability scales with navigation speed — or if fast delivery is still marred by layout shifts.
Healthy CLS by Navigation AI speed sample
In a healthy setup:
CLS is lowest in the Truly instant and Semi-instant buckets.
This shows that users who benefit from instant delivery also enjoy stable layouts.
Even the Faster and Standard categories should ideally stay green.
If CLS remains low across all tiers, your site layout is robust — and Navigation AI is amplifying that strength.
Unhealthy CLS by Navigation AI speed sample
If CLS is still high in Faster or Truly instant tiers, it may mean:
Content is arriving fast but still shifting after render (e.g. late images, dynamic sections).
Hydration timing or client-side rendering is injecting layout instability.
Pages weren’t designed to leverage instant delivery — so visual jank still appears post-load.
This lens helps spot performance-UX mismatches — when delivery is fast, but layout isn’t stable.
Resolving unhealthy CLS by Navigation AI speed
Go-to action plan to resolve an unhealthy CLS by Navigation AI speed:
Ask Uxi to analyze your CLS by Navigation AI speed values and suggest improvements
Use Filters to isolate the Faster and Truly instant tiers with bad CLS.
Simulate CLS of the suspected lens to see if fixing it will resolve the CLS by Navigation AI speed. 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 speed 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.