What is LCP by page zoom
LCP by page zoom shows the Largest Contentful Paint (LCP) based on the zoom level used by the visitor’s browser when loading the page. This lens helps you detect whether zoom behaviors are impacting your site’s perceived loading time.
Only zoom states that were recorded during the selected timeframe will appear.
LCP is the most popular vital from the Core Web Vitals and represents the loading time of the largest element on the page.
Healthy LCP by page zoom sample
Should you worry
In a healthy state, LCP by page zoom shows little to no performance degradation across zoom levels. While slight variation is natural, you shouldn’t see yellow or red values caused just by zooming. The greener the zoom state, the more resilient your performance is under user-controlled scaling.
Unhealthy LCP by page zoom sample
Let’s say “Zoom in” users consistently get slower LCPs. This may point to:
Non-responsive components breaking at higher scales.
Font-based layout shifts delaying the largest paint.
Hidden overflow content becoming visible and unexpectedly counted as the LCP element.
Pages that rely heavily on dynamic sizing, fixed units, or heavy DOM structures are especially prone to zoom-related slowdowns.
Resolving unhealthy LCP by page zoom
Go-to action plan to resolve an unhealthy LCP by page zoom:
Ask Uxi to analyze your LCP by page zoom values and suggest improvements.
Use Filters to focus on the zoom level showing the worst performance in your LCP by page zoom, then look across the other LCP lenses to find which ones show the slowest LCPs with the most pageviews.
Simulate LCP of the suspected lens to see if fixing it will resolve the slow LCP by page zoom. If yes, this is where the resolution focus should be.
Use an automated LCP optimization tool like Navigation AI to improve your LCP by page zoom 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.