Largest Contentful Paint (LCP)
Een Core Web Vital die meet hoe lang het duurt voordat het grootste zichtbare content-element van de pagina is getekend (vaak een hero-afbeelding of hoofdkop). Een maat voor ervaren laadsnelheid — "wanneer voelt de pagina geladen?". Doel: onder 2,5 seconden.
Wat het meet: in plaats van technische mijlpalen (zoals "DOM ready") probeert LCP vast te leggen wanneer de belangrijkste inhoud daadwerkelijk zichtbaar is — het grootste element in de viewport (een afbeelding, een videoframe, een groot tekstblok). Drempels (Google): goed ≤ 2,5 s, verbetering nodig ≤ 4 s, daarboven slecht. Veelvoorkomende LCP-boosdoeners: een grote, niet-geoptimaliseerde hero-afbeelding, render-blokkerende CSS/JS, een trage server (hoge TTFB) en resources die laat worden ontdekt. Optimalisatie: de LCP-afbeelding prioriteren en preloaden (fetchpriority="high", preload), comprimeren, de server versnellen, render-blokkering wegnemen, en het LCP-element juist niet lazy-loaden. Een van de drie Core Web Vitals (naast CLS en INP) die zowel de gebruikerservaring als de Google-ranking beïnvloeden. Verwant aan Cumulative Layout Shift en critical rendering path.