LCP
Afkorting van Largest Contentful Paint
Wat betekent LCP?
LCP meet hoe snel het grootste zichtbare onderdeel van je pagina op het scherm staat, zoals een grote foto of kop. Het is een van de Core Web Vitals van Google, en een tijd tot 2,5 seconde geldt als goed.
Veelgestelde vragen over LCP
Hoe meet ik de LCP van mijn website?
Je meet LCP het makkelijkst met PageSpeed Insights van Google. Vul je URL in en je ziet twee soorten cijfers:
- Veldgegevens: metingen bij echte bezoekers via Chrome, over de afgelopen 28 dagen.
- Labgegevens: een eenmalige testmeting op een gesimuleerd toestel.
Google kijkt voor de beoordeling van je site naar de veldgegevens. Wil je je hele site in één keer zien, open dan het rapport Core Web Vitals in Google Search Console. Daar zie je welke groepen pagina's te traag zijn op mobiel en desktop. PageSpeed Insights laat bij de diagnose ook zien welk onderdeel je LCP-element is.
Hoe verbeter ik mijn LCP in WordPress?
De meeste winst haal je met een cacheplugin en lichtere afbeeldingen. Zo pak je het aan:
- Installeer een cacheplugin zoals WP Rocket of LiteSpeed Cache (als je hosting LiteSpeed gebruikt).
- Comprimeer afbeeldingen en zet ze om naar WebP met ShortPixel.
- Upload je headerfoto niet groter dan nodig, dus niet 4000 pixels breed voor een vlak van 1400 pixels.
- Laat CSS en JavaScript die niet direct nodig zijn later laden via de instellingen van je cacheplugin.
- Controleer of je hosting snel reageert, want een trage server vertraagt alles.
Test na elke wijziging opnieuw.
Moet ik al mijn afbeeldingen lazy loaden voor een snellere LCP?
Nee, en dat is een veelgemaakte fout. Lazy loading betekent dat een afbeelding pas laadt als de bezoeker ernaartoe scrolt. Voor foto's onderaan de pagina is dat handig, maar je grote headerfoto staat meteen in beeld. Laad je die lazy, dan wacht de browser onnodig en wordt je LCP slechter.
Sluit daarom de bovenste afbeelding uit van lazy loading. In WP Rocket en LiteSpeed Cache kun je afbeeldingen uitsluiten, en recente WordPress-versies slaan de eerste afbeelding vaak zelf al over. Nog beter: laat die foto voorladen (preload), zodat de browser hem als eerste ophaalt.
Waarom geeft PageSpeed Insights elke keer een andere LCP?
Dat komt doordat de labtest elke keer net anders verloopt. De drukte op de testserver, de reactiesnelheid van je hosting op dat moment en of de cache al gevuld is, spelen allemaal mee. Ook mobiel en desktop geven andere uitkomsten, omdat Google mobiel test met een tragere verbinding en een minder krachtig toestel.
Kijk daarom niet naar één losse test. Doe er een paar achter elkaar en let vooral op de veldgegevens van echte bezoekers. Die schommelen veel minder. Zie je daar niets staan, dan heeft je site nog te weinig Chrome-bezoekers voor een betrouwbare meting.
Hoe lang duurt het voordat een betere LCP zichtbaar wordt?
Reken op ongeveer vier weken. De veldgegevens in Search Console en PageSpeed Insights zijn een gemiddelde over de afgelopen 28 dagen. Verbeter je vandaag je LCP, dan schuift dat gemiddelde pas langzaam op naarmate er nieuwe bezoeken bijkomen.
In het Core Web Vitals-rapport van Search Console kun je na je aanpassingen vragen om je oplossing te valideren. Google volgt je pagina's dan een tijd en laat weten of het probleem echt is opgelost. De labtest in PageSpeed Insights toont het effect wel direct, dus gebruik die om te controleren of je wijziging werkt.
