Largest Contentful Paint, of LCP, meet hoe snel het belangrijkste waar een bezoeker voor kwam ook echt op het scherm verschijnt. Dat is meestal de hero-afbeelding, een kop of een groot tekstblok. Google klokt het vanaf het moment dat de pagina begint te laden tot dat grootste element zichtbaar is.
Stel je voor dat je aan een balie bestelt. LCP is niet het moment dat de kassamedewerker je begroet, maar het moment dat je maaltijd op het dienblad staat. Alles daarvoor voelt als wachten. Een pagina kan vroeg al wat kleine stukjes laten zien, maar als de hoofdafbeelding vijf seconden duurt, voelt het bezoek nog steeds traag. LCP is een van de drie Core Web Vitals en een belangrijk deel van de totale laadtijd.
De maatstaf wordt gemeten bij echte bezoekers, niet alleen in het lab. Google haalt zijn rankingdata uit het veld, dus een pagina die scoort op jouw snelle kantoorverbinding kan op een telefoon via mobiel internet alsnog zakken. In dat gat verliezen veel sites stilletjes terrein.
De gebruikelijke boosdoeners zijn zware afbeeldingen en trage servers. Die hero-afbeelding comprimeren, hem eerder laden en blokkerende code wegsnoeien trekt de LCP vaak van traag naar groen. Een veelvoorkomende snelle winst is goede image optimization: een modern formaat als WebP aanbieden op precies de maat die de layout nodig heeft, in plaats van een gigantische foto die de browser nog moet verkleinen. Tools als Lighthouse wijzen je zelfs het precieze element aan dat je score tegenhoudt.
Bij TopDevs behandelen we LCP als een harde eis bij elke build en stemmen we afbeeldingen en serverreactie af zodat de pagina die een bezoeker wil snel verschijnt.
