Largest Contentful Paint (LCP)

highperformance-lcp

LCP measures when the largest visible element finishes rendering. Under 2.5s is good — here's how the fix usually comes down to one element.

What it is

Largest Contentful Paint (LCP) measures the time from navigation start until the largest image or text block in the viewport has rendered — a stand-in for 'when does this page feel loaded' rather than 'when did the first byte arrive'. It's one of Google's three Core Web Vitals.

This scanner grades it, not pass/fail: under 2.5 seconds is good and reports nothing, 2.5-4s costs a medium-severity finding, and anything slower costs a high-severity one — the same thresholds Lighthouse and Chrome's own field data use.

Why it matters

LCP is a ranking signal in Google Search, and — more directly — a proxy for how long a visitor stares at a blank or half-loaded page before there's anything to read. A slow LCP is disproportionately caused by one element: an unoptimized hero image, a webfont blocking text render, or a render-blocking script ahead of the content.

Fixing it is usually about that one element specifically — preload it, serve it from a fast path, remove whatever's rendering ahead of it — rather than a general performance audit of the whole page.

How to fix it

with a reference doc
html — preload the LCP image
<link rel="preload" as="image" href="/hero.jpg" fetchpriority="high">

Reference documentation

Related checks

3
mediumRender-blocking resourcesA render-blocking resource is a stylesheet or synchronous script in <head> that the browser must download and process before it can paint anything — the page stays blank until every one of them resolves. This check looks specifically at resources in the document head, the ones the browser encounters before it can render a single pixel.highTotal Blocking Time (TBT)Total Blocking Time (TBT) sums how long the main thread was blocked by long tasks (over 50ms) between First Contentful Paint and the page becoming interactive. It's the lab-measurable stand-in this scanner uses for Interaction to Next Paint (INP), which needs real user interaction data that a single-page lab test can't produce.highCumulative Layout Shift (CLS)Cumulative Layout Shift (CLS) scores how much visible content unexpectedly moves during a page's lifetime, weighted by how much of the viewport shifted and how far. A score under 0.1 is good; 0.1-0.25 is graded medium here, above 0.25 is high.

This is one of the 75 checks the scanner runs. See what we check for the full list, every severity weight, and how the score is computed from them.

See whether your own site passes largest contentful paint (lcp).

One page, all 75 checks, free. No account, no card.

Run a scan