This guide covers “fix lcp” in plain language. Largest Contentful Paint (LCP) measures how long it takes for the biggest visible element, usually a hero image or large heading, to appear. A good LCP is 2.5 seconds or less. Here is how to find and fix the cause in WordPress.
Step 1: Find your LCP element
Run the page in PageSpeed Insights and open the LCP element diagnostics. It shows what element is the LCP and how time splits across four parts: server response, resource load delay, resource load time and render delay.
Step 2: Fix the biggest delay
Slow server response (TTFB)
- Upgrade or change hosting.
- Enable page caching.
- Use a CDN.
- Update PHP.
Late discovery of the LCP image
- Make sure the hero image is in the HTML as a normal image, not loaded late by JavaScript or as a hard-to-find CSS background.
- Preload the LCP image, and give it a high fetch priority.
- Do not lazy-load it.
Large image file
- Resize and compress. Use WebP or AVIF.
- Serve responsive sizes to mobile.
Render-blocking CSS and JS
- Inline critical CSS and defer the rest.
- Defer non-essential scripts.
See render-blocking resources.
Web fonts
If your LCP is text, use fewer fonts, preload the main font and use font-display: swap.
Step 3: Reduce page weight
Lean markup and fewer scripts help everything load faster. See lightweight page builders and excessive DOM size.
Step 4: Re-test on mobile
Most real users are on phones. Check field data in Search Console after a few weeks, since it uses real visitor measurements.
Overview: Core Web Vitals for WordPress.
Fix LCP FAQ
What is a good LCP score?
2.5 seconds or less at the 75th percentile of real visits.
What is the most common LCP problem?
Oversized or late-loading hero images combined with slow hosting.