Full Definition
Largest Contentful Paint (LCP) is one of Google's Core Web Vitals — the specific metrics that measure real user experience. LCP clocks how long it takes from when a user first navigates to your page to when the largest visible content element appears fully rendered.
The 'largest element' is typically: - A hero image or background image - A large block of text above the fold - A video poster image
LCP thresholds: - **Good**: Under 2.5 seconds - **Needs improvement**: 2.5 to 4.0 seconds - **Poor**: Over 4.0 seconds (significant ranking penalty risk)
The most common causes of slow LCP:
**Unoptimised images**: A 3MB hero image takes 4–6 seconds to load on a typical Indian mobile connection. The fix: compress images using tools like Squoosh, convert to WebP format (30–40% smaller than JPEG), and implement lazy loading for below-fold images.
**No image preloading**: Browsers discover the hero image only after parsing the HTML. Adding a `<link rel='preload'>` tag for the LCP image tells the browser to fetch it immediately, cutting perceived load time dramatically.
**Slow server response (TTFB)**: If the server takes 2+ seconds just to begin sending the page, LCP starts late. Upgrading hosting or adding a CDN often resolves this.
**Render-blocking resources**: JavaScript and CSS files that block the browser from rendering anything visible until they're loaded.
Actionable tip: Go to PageSpeed Insights, run your homepage, and look for the element flagged as your LCP element. That specific element is your first optimisation target — everything else is secondary.