# How to fix Largest Contentful Paint (LCP)

> LCP measures how long the biggest visible element — usually a hero image or headline — takes to appear. Google wants it under 2.5 s for 75 % of visits. On most sites the fix is one oversized image.

Speed & Core Web Vitals · HTML version: https://getreport.app/learn/largest-contentful-paint

## Largest Contentful Paint

Passing looks like: Largest Contentful Paint passes.

**Why it matters.** LCP is when the biggest thing on screen — usually the hero image or headline — finishes loading. Visitors judge "is this site slow?" on it, and Google uses it for ranking.

**How to fix it.**

1. Find the LCP element (named in your report) and make it lighter, earlier or both — a compressed WebP/AVIF, sized to the screen, without lazy loading.
2. Preload it with <link rel="preload" as="image"> or add fetchpriority="high" on the <img>.
3. Cut what comes before it — render-blocking CSS/JS and slow server responses push LCP back.

## Real-user Largest Contentful Paint

Passing looks like: Real-user Largest Contentful Paint passes.

**Why it matters.** LCP is when the biggest element on screen finishes loading. Google's threshold for "good" is 2.5 s at the 75th percentile of real Chrome users.

**How to fix it.**

1. Find the LCP element in the Speed module and make it smaller, earlier or both.

Check your own page: https://getreport.app/