Skip to main content

CLS by redirects

CLS by redirects without noise

Vasil Dachev avatar
Written by Vasil Dachev
Updated over a week ago


What is CLS by redirects

CLS by redirects shows how Cumulative Layout Shift (CLS) based on whether or not the page load involved a redirect. This lens helps you understand if redirected visits — like from www to non-www, HTTP to HTTPS, or tracking URLs — are introducing layout instability.

The list will only include redirect types that occurred during the selected timeframe.

Redirects add an extra step before the final page is delivered. While they primarily affect load time, they can also indirectly lead to layout shifts — especially if delayed rendering, fallback content, or dynamic elements kick in after the redirect resolves.

Healthy CLS by redirects sample

In a healthy state, CLS by redirects shows minimal difference between “Redirect” and “No redirect” sessions. Both should land on stable pages with little to no unexpected layout movement. That means:

  • No rendering changes occur between redirect resolution and content load.

  • Resources are cached or preloaded consistently regardless of entry path.

  • Redirection logic doesn't interfere with page hydration or layout rendering.

Green across the board signals a smooth and stable entry experience.

Unhealthy CLS by redirects sample

When CLS is worse for redirected users, it could point to:

  • Redirect destinations loading fallback content or extra scripts late.

  • A/B or tracking redirects injecting delayed content.

  • Multiple chained redirects creating visual interruptions as the layout loads.

This might result in elements jumping around while the page settles — especially on mobile or slow networks where redirect timing becomes more visible.

Resolving unhealthy CLS by redirects

Go-to action plan to resolve an unhealthy CLS by redirects:

  1. Ask Uxi to analyze your CLS by redirects values and suggest improvements

  2. Use Filters to isolate redirect types causing instability, and inspect how those sessions behave in other CLS lenses like connection speed or interaction type.

  3. Simulate CLS of the suspected lens to see if fixing it will resolve the CLS by redirects. If yes, this is where the resolution focus should be.

  4. Use an automated CLS optimization tool like Navigation AI to improve your CLS by redirects values

  5. 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.
​​

Did this answer your question?