What is this
LCP (Largest Contentful Paint) measures how fast the largest visible element on your page loads. Usually a hero image, large heading, or video poster. Good = under 2.5 seconds, bad = over 4 seconds.
Why it matters
LCP is a Core Web Vital and counts toward Google ranking. A slow LCP means visitors leave before the page is interactive. Direct hit on conversion and SEO.
How to fix it
TransIP: On Managed WordPress: enable a caching plugin (WP Rocket, LiteSpeed Cache). Turn on image optimization (WebP). Front it with the TransIP CDN or CloudFlare.
CloudFlare: Speed > Optimization. Enable Auto Minify, Brotli, Early Hints, and Polish (auto WebP/AVIF). For the LCP image: add fetchpriority="high" to the HTML and serve it from a CDN.
Strato or Antagonist: Compress hero images (Squoosh, ShortPixel). Get hero image files under 200 KB. Add width and height attributes to prevent layout shift.
Other: Identify the LCP element in DevTools > Performance. Optimize: compress the image, preload (<link rel="preload" as="image">), serve from a CDN, drop render-blocking CSS/JS, use font-display: swap.
Verify
PageSpeed Insights shows your LCP value for mobile and desktop. Or run Lighthouse in DevTools. CrUX data (real users) appears after 28 days of traffic.