What is LCP by scroll behavior
LCP by scroll behavior shows the Largest Contentful Paint (LCP) differs based on whether the page had a scroll position to restore or was loaded fresh.
This lens helps you detect if pages that preserve scroll state - such as when a user navigates back to them - are performing worse than clean, initial views.
Healthy LCP by scroll behavior sample
Should you worry
In a healthy state:
All three scroll states show similarly fast LCP
There’s no performance penalty for restoring a previous session or scroll position
Even scroll-heavy pages remain responsive when re-entered
This suggests your layout, hydration, and rendering processes adapt smoothly, even when the browser rehydrates scroll positions.
Unhealthy LCP by scroll behavior sample
When LCP is worse for Scrollable, Scrolled, it likely means:
Restoring scroll position delays the render or paint of the LCP element
Content that would normally be visible on initial load might be below the scroll position, deferring key visual metrics
Frameworks or SPAs are rehydrating slowly or inconsistently during back/forward navigations
Poor LCP on Non-Scrollable pages could point to layout or resource inefficiencies even for simple views.
Resolving unhealthy LCP by scroll behavior
Go-to action plan to resolve an unhealthy LCP by scroll behavior:
Ask Uxi to analyze your LCP by scroll behavior values and suggest improvements.
Use Filters to narrow down the Scrollable, Scrolled state, then explore other lenses (like layout shifts or route types) to find correlated issues.
Simulate LCP of the suspected lens to see if fixing it will resolve the slow LCP by scroll behavior. If yes, this is where the resolution focus should be.
Use an automated LCP optimization tool like Navigation AI to improve your LCP by scroll behavior values.
Once you’ve improved LCP, 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.