Trage LCP? Zo staat je grootste blok sneller in beeld

Largest Contentful Paint, kortweg LCP, meet hoe lang het duurt voordat het grootste stuk inhoud in beeld staat. Meestal is dat je hoofdafbeelding, een video of een groot tekstblok bovenaan. Het is een van de drie Core Web Vitals van Google.

In het kud-rapport Je grootste blok laadt traag

Waarom het uitmaakt

Bezoekers beoordelen je site in de eerste seconden. Zolang het grootste blok nog leeg is, voelt je pagina kapot of traag, en een deel van de mensen klikt weg voordat ze iets gezien hebben.

Google gebruikt LCP ook als signaal in de zoekresultaten. Onder de 2,5 seconde is goed, tussen 2,5 en 4 seconde kan beter, boven de 4 seconde is slecht. Google kijkt naar wat echte bezoekers op hun telefoon ervaren.

Zo los je het op

Zoek uit welk element je LCP is. In de PageSpeed-meting van Google staat het bij "Largest Contentful Paint element".
Is het een afbeelding? Maak hem lichter: sla hem op als WebP of AVIF en niet groter dan nodig. Een hero van 3000 pixels breed op een scherm van 400 is verspilling.
Laad die afbeelding met voorrang: geef hem fetchpriority="high" en zeker geen loading="lazy".
Haal blokkerende scripts en zware CSS weg uit de head, want daar wacht de browser op voordat hij iets tekent.
Kijk naar je server. Als de eerste reactie al een seconde duurt, haal je de 2,5 seconde bijna niet meer. Caching of betere hosting helpt dan het meest.

<img src="/img/hero.webp" width="1200" height="800"
     fetchpriority="high" alt="Ons team aan het werk">

Op jouw platform

WordPress: Een cacheplugin zoals WP Rocket of LiteSpeed Cache regelt veel tegelijk. Controleer daarna of je hero-afbeelding niet lazy geladen wordt; sommige plugins doen dat standaard ook bovenaan.
Shopify: Kies in je thema een kleinere hero-afbeelding en vermijd sliders bovenaan. Shopify levert afbeeldingen al in moderne formaten, dus het formaat in pixels maakt het verschil.

Veelgestelde vragen

Wat is een goede LCP?

Onder de 2,5 seconde, gemeten op mobiel bij echte bezoekers. Daarboven wil Google verbetering zien.

Waarom is mijn LCP op mobiel veel trager dan op desktop?

Telefoons hebben minder rekenkracht en vaak een tragere verbinding. Google test mobiel bovendien met een vertraagde verbinding, dus zware afbeeldingen en scripts tellen daar harder door.