Wat is dit
LCP (Largest Contentful Paint) meet hoe snel het grootste zichtbare element op je pagina laadt. Dat is meestal een hero-afbeelding, een grote koptekst of een videoposter. Goed = onder 2.5 seconden, slecht = boven 4 seconden.
Waarom belangrijk
LCP is een Core Web Vital en weegt mee in Google's ranking. Een trage LCP betekent dat bezoekers afhaken voor de pagina interactief is. Direct effect op conversie en SEO.
Hoe los ik dit op
TransIP: Bij Managed WordPress: zet een caching-plugin aan (WP Rocket, LiteSpeed Cache). Activeer image-optimalisatie (WebP). Zet CDN aan via TransIP CDN of CloudFlare ervoor.
CloudFlare: Speed > Optimization. Schakel Auto Minify, Brotli, Early Hints en Polish (auto WebP/AVIF). Voor LCP-image: gebruik fetchpriority="high" in je HTML en host op een CDN.
Strato of Antagonist: Comprimeer hero-afbeeldingen (Squoosh, ShortPixel). Verklein hero-image-bestanden tot onder 200 KB. Voeg width en height-attributen toe om layout-shift te voorkomen.
Anders: Identificeer de LCP-element in DevTools > Performance. Optimaliseer: comprimeer afbeelding, preload (<link rel="preload" as="image">), serveer via CDN, schrap render-blocking CSS/JS, gebruik font-display: swap.
Verifieren
PageSpeed Insights toont je LCP-waarde voor mobiel en desktop. Of run Lighthouse in DevTools. CrUX-data (echte gebruikers) verschijnt na 28 dagen verkeer.