How to Fix High LCP in WordPress

Largest Contentful Paint (LCP) is the biggest Core Web Vital. Here's how to fix a high LCP on WordPress.

LCP measures how long your largest visible element takes to load. Google wants it under 2.5s.

Common causes of high LCP

  • Large, unoptimised hero images
  • Slow server response (high TTFB)
  • Render-blocking CSS/JS
  • Fonts loading late

    • How to fix it

  • Compress and serve the hero image as WebP; preload it.
  • Add caching + a CDN to cut TTFB.
  • Defer non-critical JS and inline critical CSS.
  • Preload key fonts with `font-display: swap`.

    • Measure your LCP