Skip to main content

LCP by browser

LCP by browser without noise

Georgi avatar
Written by Georgi
Updated over 3 weeks ago


What is LCP by browser

LCP by browser shows the Largest Contentful Paint (LCP) value across different browsers (e.g. Chrome, Safari). This lens helps you identify which browsers deliver a slower experience for your users.

The list shows only browsers that generated traffic to your website during the selected period.

Common reason for slower LCP on certain browsers is different browser engines. These engines may handle CSS, JavaScript execution, and page rendering differently, affecting the LCP timing.

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 browser sample


Should you worry

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

Unhealthy LCP by browser sample

In the example below, LCP by browser shows that Chrome is both the most popular and with the slowest LCP. This often leads to a higher bounce rate, more exits, and lower conversion rates.

Resolving unhealthy LCP by browser

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

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

  2. Use Filters to focus on the slow browser in your LCP by browser 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 slow LCP by browser. 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 browser 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?