What Is LCP?
What is LCP? Largest Contentful Paint is a timing metric that approximates when the primary content a visitor sees first has finished painting. In plain English: how long until the main thing on the screen shows up?
That "main thing" is often a hero image, a large heading block, or another dominant element in the initial viewport. LCP is about perceived loading of what matters visually first — not necessarily when every asset on the page has finished downloading.
Many factors influence LCP: how quickly the server responds, how large and how the hero or other LCP candidates are delivered, font loading that delays text paint, and render-blocking CSS or scripts that postpone first meaningful paint. Improving LCP usually means finding what the LCP element is, then removing delays in the path that delivers and paints it.
Why It Matters
People decide quickly whether a page feels ready. If the main content stays blank or incomplete, they bounce — especially on mobile networks. For marketing and ecommerce pages, a late hero or headline can make a fast backend still feel broken.
LCP gives teams a shared name for that "when does the important stuff show up?" question. It guides practical work on hosting response, image strategy, critical CSS, and font behavior without turning performance into abstract jargon.
Where You Encounter It
A landing page uses a full-width photo as the visual center of the first screen. If that image is oversized, served from a slow origin, or blocked behind heavy scripts, LCP stretches even when smaller text above the fold appeared earlier. Compressing and properly sizing the hero, prioritizing its request, and reducing blocking resources often improves how soon the page feels usable.
Common Misunderstandings
- LCP is the same as total page load. A page can finish downloading many assets after LCP; the metric focuses on when the main visible content appears.
- Only images affect LCP. Text blocks and other large elements can be the LCP candidate depending on the layout.