Wat is LCP
Wat meet de LCP?
Largest Contentful Paint, afgekort LCP, is de tijd tot het grootste zichtbare element op je pagina is geladen. Dat element is meestal een hero-afbeelding, een grote kop of een groot blok tekst. Zolang het niet zichtbaar is, heeft de bezoeker het gevoel dat de pagina er nog niet echt is.
De meting begint wanneer de bezoeker de pagina opvraagt en eindigt op het moment dat het grootste element in beeld verschijnt. Het gaat dus om de ervaren laadtijd van het belangrijkste deel, niet om het moment dat alle bestanden binnen zijn. Meer over de drie meetwaarden lees je bij Core Web Vitals.
Wat bepaalt de LCP-waarde?
Meerdere stappen tellen mee. Eerst moet de server de eerste byte sturen. Daarna moeten de stylesheets en scripts die het grootste element tegenhouden klaar zijn. Vervolgens moet het element zelf worden gedownload. Bij een afbeelding is dat vaak de grootste stap, zeker als de foto veel groter is dan nodig.
- De serverreactie, zie wat TTFB is.
- Het gewicht van het grootste element, vooral bij afbeeldingen.
- Blokkerende bestanden in de head die de weergave vertragen.
- Inhoud die pas met JavaScript wordt opgebouwd: zulke pagina's beginnen later met tonen.
Wat is een goede LCP?
Google noemt een LCP van 2,5 seconden of minder goed. Tussen 2,5 en 4 seconden is er ruimte voor verbetering, en daarboven scoort de pagina slecht. Dit zijn richtlijnen, gebaseerd op de metingen van echte bezoekers. Een labtest kan net iets anders uitvallen.
Om de LCP te verbeteren, helpt het vaak om het grootste element te zoeken en te kijken waar de tijd zit. Een hero-afbeelding die je verkleint en in een zuinig formaat opslaat, of een server die sneller antwoordt, kan al veel verschil maken. Lees meer over afbeeldingen bij afbeeldingen optimaliseren.
Veelgestelde vragen
Is LCP hetzelfde als de laadtijd van een pagina?
Nee. De laadtijd van een pagina is vaak de tijd tot alle bestanden zijn geladen. LCP kijkt alleen naar het moment waarop het grootste zichtbare element verschijnt. Een pagina kan dus een goede LCP hebben en toch langer bezig zijn met achtergrondbestanden die de bezoeker niet direct ziet.
Waarom is mijn LCP slecht ondanks een snelle server?
Een snelle server is slechts één stap. Als het grootste element een zware afbeelding is, een lettertype laat wachten of een script de weergave blokkeert, blijft de LCP hoog. Kijk in een watervaldiagram welk bestand het langst duurt, zie watervaldiagram lezen, en begin daar met verbeteren.