Gepubliceerd: 8 okt. 2025
De Largest Contentful Paint (LCP) rapporteert de rendertijd van de grootste afbeelding, het grootste tekstblok of de grootste video die zichtbaar is in de viewport, ten opzichte van het moment waarop de gebruiker voor het eerst naar de pagina navigeerde. Bij het optimaliseren van LCP is het handig om dit op te splitsen in subonderdelen . Elk LCP-subonderdeel heeft specifieke verbeterstrategieën. Idealiter zou de meeste LCP-tijd besteed moeten worden aan het laden van de resources, niet aan vertragingen.
De subonderdelen zijn:
| LCP-subonderdeel | Uitleg |
|---|---|
| Tijd tot eerste byte (TTFB) | De tijd vanaf het moment dat de gebruiker begint met het laden van de pagina totdat de browser de eerste byte van het HTML-documentantwoord ontvangt. |
| Vertraging bij het laden van bronnen | De tijd tussen TTFB en het moment waarop de browser de LCP-resource begint te laden. Als het LCP-element geen resourcebelasting nodig heeft om te renderen (bijvoorbeeld als het element een tekstknooppunt is dat wordt gerenderd met een systeemlettertype), is deze tijd 0. |
| Duur van de resourcebelasting | De tijdsduur die nodig is om de LCP-resource zelf te laden. Als het LCP-element geen resource nodig heeft om te renderen, is deze tijd 0. |
| Element rendervertraging | De tijd tussen het moment waarop de LCP-resource klaar is met laden en het moment waarop het LCP-element volledig wordt weergegeven. |
Hoe dit inzicht over te brengen
Dit inzicht wordt altijd ter informatie gegeven (indien LCP is gemeten).
Streef naar een LCP van 2,5 seconden of korter en verkort de tijd van elke fase zoveel mogelijk, met name de vertragingsfases. Zie Optimaliseer de grootste contentful paint voor specifieke strategieën.