Largest Contentful Paint (LCP)
LCP meet hoe lang het duurt voordat het grootste zichtbare element op een pagina geladen is — de primaire maat voor ervaren laadsnelheid.
Largest Contentful Paint meet het moment waarop het grootste contentelement (meestal een hero-afbeelding, video-poster of grote tekstblok) binnen de viewport wordt getoond. Gebruikers ervaren dit als 'de pagina is geladen', ook als er op de achtergrond nog elementen laden. Onder 2,5 seconden is 'good', boven 4 seconden 'poor'.
Voorbeeld
Een fintech-landingspagina laadt 5,2s; de boosdoener is een ongeoptimaliseerde WebP van 680 KB. Na compressie tot 90 KB en toevoeging van <link rel="preload"> valt LCP op 1,8s.
Veelgestelde vragen
Wat zijn de grootste LCP-killers?
Grote, ongeoptimaliseerde afbeeldingen; render-blocking JavaScript; trage serverresponstijd (TTFB); geen CDN; webfonts zonder font-display:swap.
Helpt preload voor LCP?
Ja, sterk. <link rel="preload" as="image" href="hero.webp"> laat de browser het LCP-element alvast starten voordat de HTML-parser er bij is.
Werkt lazy loading voor het LCP-element?
Nooit. Het LCP-element moet eager geladen worden — lazy loading voegt een render-cyclus toe en maakt LCP slechter.
Gerelateerde termen
Verder lezen
- → Onze dienst: SEO