What is Largest Contentful Paint (LCP)?

Largest Contentful Paint (LCP) is a loading time metric from Google’s Core Web Vitals. LCP measures how long it takes for the largest visible content element within a webpage’s viewport to finish loading, starting from the moment the page begins to load. A good LCP value is 2.5 seconds or less, measured at the 75th percentile of all page views on mobile and desktop devices. LCP thus indicates how quickly a user feels that the page has finished loading.

LCP is one of the three Core Web Vitals and the key metric for perceived load speed. Google uses LCP as part of the Page Experience signal for ranking. A slow LCP means that users are staring at a half-empty page for too long, are more likely to bounce, and perceive the page as sluggish.

Brief Overview of the Term

What does Largest Contentful Paint measure?

LCP measures the point in time when the largest content element in the visible area of the browser window is fully rendered. During loading, the browser continuously monitors which element currently occupies the most space in the viewport and reports the time it is rendered. The starting point is the moment the page is loaded.

It’s important to note the distinction: LCP doesn’t measure when the entire page has finished loading, but rather when the most important visible content appears. A user considers a page to be “loaded” as soon as the main image or headline appears, even if scripts are still loading in the background. LCP captures exactly this impression.

Google breaks down each LCP value into four segments, which together make up the total duration. This breakdown shows exactly where a slow page is losing time.

What is a good LCP score?

A good LCP score is 2.5 seconds or less. Google categorizes the scores into three rating levels, which apply equally to mobile and desktop devices:

• Good: LCP between 0 and 2.5 seconds.
• Room for improvement: LCP of 2.5 to 4.0 seconds.
• Poor: LCP over 4.0 seconds.

The 75th percentile is key: Google doesn’t evaluate the average, but rather the value that 75 percent of all page views reach or fall below. Only when three out of four visitors see a page in 2.5 seconds or less is the LCP considered good. This field data comes from the Chrome User Experience Report (CrUX), which collects real user visits over the past 28 days.

You can find these metrics in Google Search Console under the "Core Web Vitals" report, as well as in PageSpeed Insights. Lab tools like Lighthouse also provide a simulated LCP value, which helps with debugging but does not factor into rankings.

Which element is the LCP element?

The LCP element is the largest content element that appears in the visible area when the page loads. The browser only considers certain element types. There are four candidates for the LCP element:

1. Images: one <img>-element or a <image> within a <svg>.
2. Videos: the preview image (poster) of a <video>-Elements.
3. Wallpapers: an element styled with CSS url() uploaded background image.
4. Text blocks: Block elements containing text, such as a large heading or a paragraph.

In practice, the LCP element on most pages is either the hero image at the top or the main headline. PageSpeed Insights and Chrome DevTools show you exactly which element it is. Only once you know the LCP element can you optimize it specifically, because every second of LCP is attributed to that exact element.

The LCP element may change during loading. If the headline appears first and the larger hero image appears afterward, the image becomes the final LCP element. The browser reports the last candidate as soon as the user interacts with the page or loading is complete.

How can you improve the LCP score?

You can improve a poor LCP by delivering and rendering the LCP element more quickly. Because LCP is made up of four sub-phases, the most effective strategies target these specific phases. The six most important measures:

1. Reduce server response time (TTFB): Fast hosting, server-side caching, and a content delivery network (CDN) shorten the time to the first byte.
2. Do not delay LCP images using lazy loading: Never load the hero image using lazy loading, otherwise the download will start too late. Instead, load it early.
3. Preload the LCP resource: the decisive image via <link rel="preload"> and fetchpriority="high" prioritize it so that the browser requests it immediately.
4. Compress images and serve them in a modern way: modern Image formats on the web such as WebP or AVIF, as well as responsive sizes (srcset) significantly reduce the loading time.
5. Remove resources that block rendering: Set critical CSS inline; defer non-critical JavaScript (defer/async), so that the browser can render the LCP element sooner.
6. Handling Web Fonts: Host and preload fonts yourself, and use them with font-display: swap deliver it so that Text-LCP doesn't have to wait for the font.

The order was chosen deliberately: TTFB and image delivery yield the biggest improvements for most websites. The partial analysis shown in Figure 1 reveals which measure is most effective in each specific case. A technical SEO audit provides a structured review of all levers, uncovering LCP weaknesses on a per-page basis.

How is LCP related to the Core Web Vitals?

LCP is one of three Core Web Vitals that Google uses to measure a page's user experience. Each of the three metrics covers a different aspect:

• LCP (Largest Contentful Paint): measures perceived load time—that is, how quickly the main content becomes visible.
• INP (Interaction to Next Paint): measures responsiveness—that is, how quickly the page responds to clicks and user input. INP replaced the previous metric, First Input Delay (FID), in March 2024.
• CLS (Cumulative Layout Shift): measures visual stability—that is, how much elements shift as the page loads.

A page meets the Core Web Vitals criteria only if all three metrics are within the acceptable range. In 2020, LCP replaced the older metric, First Meaningful Paint (FMP), because FMP was too imprecise and difficult to measure. Since the 2021 Page Experience Update, the Core Web Vitals have been factored into Google’s ranking algorithm. Together, these three metrics form the backbone of technical performance, which a solid SEO service continuously monitors.

Frequently Asked Questions About LCP

Is LCP a ranking factor?
Yes, LCP has been a confirmed ranking signal since 2021 as part of the Core Web Vitals. The effect is moderate: LCP primarily acts as a tiebreaker between pages with equivalent content; good content remains the stronger factor.

Where can I see my LCP score?
You can find your LCP in PageSpeed Insights, in the Core Web Vitals report in Google Search Console, and in Chrome DevTools. Search Console and PageSpeed Insights show real-world user data, while DevTools and Lighthouse provide lab measurements for debugging.

What is the difference between LCP and load time?
LCP only measures when the largest visible element appears, not when the entire page has finished loading. A page may continue to reload in the background even after LCP has been reached and the page is already usable to the user.

Why does my LCP score keep changing?
LCP fluctuates because it is based on actual visits from a variety of devices, connections, and locations. The CrUX report averages these values over 28 days, which is why optimizations don’t become fully visible in the 75th percentile until after a few weeks.