Skip to main content

LCP by page

LCP by page without noise

Georgi avatar
Written by Georgi
Updated over 3 weeks ago


What is LCP by page

LCP by page shows the Largest Contentful Paint (LCP) for your most visited pages. This lens is useful find pages that are negatively affecting LCP, starting from the most visited pages first. To view all pages, maximize the lens widget to see the full list, sorted by traffic.

Pages are only the website pages that have been accessed by your real users for the selected period and device. If a page has not been visited, this means it has not reported LCP and it will not show up in the widget.

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 sample


Should you worry

A healthy LCP by page lens looks all green. Some pages may be greener than others, but as long as there's no yellow or red, it’s considered healthy. The greener the page, the better.

Unhealthy LCP by page sample

In the example below, the LCP by page reveals that /blog page is the most visited and the same time has the most unhealthy real user LCP values, whereas the rest of the popular pages are healthy.

Resolving unhealthy LCP by page

Go-to action plan to resolve an unhealthy LCP by page:

  1. Ask Uxi to analyze your LCP by page values and suggest improvements.

  2. Use Filters to focus on slow segments in your LCP by page, then look across the other LCP lenses to find which ones show the slowest LCPs with the most pageviews.

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

  4. Use an automated LCP optimization tool like Navigation AI to improve your LCP by page values.

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

Did this answer your question?