Technical SEO

LCP (Largest Contentful Paint)

Measures how fast the largest visible element on a page loads. Target: under 2.5s.

Largest Contentful Paint (LCP) measures how long the biggest visible element — usually a hero image or a headline — takes to render. It is a Core Web Vital, and a good score is 2.5 seconds or less at the 75th percentile of real visits. Slow server response and oversized hero images are the two usual causes.

Definition

LCP measures how long it takes for the largest visible content element (image, video, or text block) to render in the viewport. It is the most important Core Web Vital for perceived load speed.

Target: under 2.5 seconds. Common LCP elements: hero images, above-the-fold text blocks, and video poster frames.

Why It Matters

LCP is the user's perception of "the page is loaded." A slow LCP means users see a blank or incomplete page for too long, leading to higher bounce rates. Google uses it as a ranking signal.

Example

A hero image of 2MB causes an LCP of 5.2s. Converting to WebP (200KB), adding fetchpriority="high", and using a CDN brings it down to 1.8s — passing the CWV threshold.

Lab numbers and field numbers are not the same thing

An audit measures LCP once, on one connection, from one location — a lab measurement. Google ranks on field data: the 75th percentile of real Chrome users over 28 days, which includes slow devices, poor networks and cold caches.

This is why a site can pass every lab test and still fail Core Web Vitals in Search Console. A lab number tells you whether a specific change helped; the field number tells you what Google is actually using. Treat the lab measurement as a diagnostic and the field data as the score.

The four causes, in the order they usually apply

Slow server response. LCP can never be faster than TTFB. If the server takes 1.5 seconds, 1.5 seconds is the floor.

Late discovery. An image referenced from CSS, or inserted by JavaScript, is not found until that resource is parsed. A preload fixes it.

The image itself. Wrong dimensions, wrong format, no compression — the single most common finding, and the easiest to fix.

Render-blocking resources. A stylesheet or synchronous script in the head delays painting anything at all, including the LCP element.

How SlapMyWeb checks this

Every audit measures LCP in a headless browser and reports which element was the largest — because fixing the wrong element is the most common wasted effort here. It also flags the two configurations that guarantee a poor score: loading="lazy" on the LCP image, and a Time to First Byte already above the LCP target, which caps the metric no matter what the front end does. The matching fix guide is how to fix a slow Largest Contentful Paint.

Related Terms

Core Web Vitals CLS INP

Related Tools

Website Speed Test Image Compressor

Know the term.
Check your own site.

A free audit tells you whether this is currently costing you score points — and exactly what to change.

Run a free audit

Free foreverNo signupResults in 30s