What is CLS by App Referrer
CLS by App Referrer shows how traffic from different referring apps affects the visual stability of your pages. It reveals whether layout shifts are more likely to occur when users arrive from platforms like social media apps, messaging apps, or embedded browsers.
This lens helps you identify if specific app-based traffic triggers poor layout behavior — potentially due to how content loads or scripts behave under app-specific conditions.
Only app referrers that were active and measurable during the selected period are shown.
Cumulative Layout Shift (CLS) is a Core Web Vital that measures how stable your layout appears during load.
Healthy CLS by App Referrer sample
In a healthy scenario, traffic from all app referrers results in low or no layout shifts. You might see apps listed, but none should trigger yellow or red indicators.
A healthy setup typically includes:
Responsive and stable layout design regardless of viewport size or user agent.
Reserved space for dynamic content like headers, banners, and widgets.
Deferred scripts that don’t modify layout during the initial load.
If your CLS is green across all app referrers, you’re providing a consistent and stable experience for mobile and app-originated visitors.
Unhealthy CLS by App Referrer sample
When CLS worsens due to app referrers, it often means:
App-specific headers or UI elements affect viewport size and shift content.
Tracking or personalization scripts fire late and rearrange layout.
In-app browsers delay or alter rendering order, leading to unstable load behavior.
Frequent offenders include:
Social media apps with aggressive tracking or embedded layouts.
Messaging apps using in-app browsers that handle scripts poorly.
Referral partners injecting dynamic elements like banners or carousels.
If you consistently see red or yellow CLS linked to a particular app, it suggests users from that app experience jarring shifts and reduced usability.
Resolving unhealthy CLS by App Referrer
Go-to action plan to resolve an unhealthy CLS by App Referrer:
Ask Uxi to analyze your CLS by App Referrer values and suggest improvements
Use Filters to isolate traffic from specific apps and identify shared layout issues.
Simulate CLS of the suspected lens to see if fixing it will resolve the CLS by App Referrer. If yes, this is where the resolution focus should be.
Use an automated CLS optimization tool like Navigation AI to improve your CLS by App Referrer 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.