What Largest Contentful Paint (LCP) means
LCP reflects how fast a page feels like it has loaded. Large uncompressed images, slow servers and render-blocking code are the usual culprits. Fixing LCP is often the biggest perceived speed improvement you can make.
Why it matters for your website
LCP is the moment your page feels loaded to a visitor. If the main image or headline takes too long, people may leave before they read your offer. It is also one of Google's Core Web Vitals, which feed into its page experience signals.
Example
A boutique hotel's homepage uses a huge uncompressed photo as its hero, so it appears slowly on phones. After resizing and compressing the image and loading it early, the page feels much faster.
Tips
- Compress and resize your hero image, and serve modern formats like WebP or AVIF.
- Don't lazy-load the main image at the top of the page.
- Check the field data in PageSpeed Insights, which reflects real visitors, not just lab tests.
Common mistakes
- Using a slider or video as the hero element, which often delays the largest paint.
- Loading the hero image through JavaScript so the browser finds it late.
Questions about Largest Contentful Paint (LCP)
What is Largest Contentful Paint (LCP)?
How long it takes for the largest visible element, often a hero image or headline, to appear. Good is 2.5 seconds or less.
How do I find my LCP element?
Run the page through PageSpeed Insights or Chrome DevTools. Both point out which element was counted as the largest contentful paint.
Why is my LCP worse on mobile than desktop?
Phones often have slower processors and networks, and tests simulate those conditions. Large images and heavy scripts hurt more on mobile.
