Wat is LCP (Largest Contentful Paint)? Uitleg en norm

LCP staat voor Largest Contentful Paint en meet hoe snel het grootste zichtbare element van je pagina verschijnt, meestal een hero-afbeelding of een grote tekstblok. Het is een van de drie Core Web Vitals waarmee Google de laadervaring beoordeelt. Een goede LCP ligt onder 2,5 seconden. In dit artikel lees je wat LCP precies is, waarom het telt en hoe je je score verbetert.

Wat is LCP precies?

Wanneer een bezoeker je pagina opent, verschijnen de elementen niet allemaal tegelijk. LCP meet het moment waarop het grootste element in het zichtbare deel van het scherm klaar is met laden. Dat is het beeld dat de bezoeker als “de pagina is er nu” ervaart.

Volgens web.dev, de bron van Google over webprestaties, is dat grootste element meestal een grote afbeelding, een videoposter of een groot tekstblok. Zolang dat element niet zichtbaar is, staart je bezoeker naar een lege of half geladen pagina.

LCP is dus geen abstract technisch cijfer. Het benadert vrij goed hoe snel een bezoeker vindt dat je site “werkt”. Het maakt deel uit van je Core Web Vitals en daarmee van je bredere technische SEO. Wil je weten wat een snellere, beter vindbare site oplevert? Bekijk onze aanpak rond SEO.

Wat is een goede LCP-score?

Google hanteert drie duidelijke drempels, gemeten bij het 75e percentiel van je bezoekers:

• Goed: onder 2,5 seconden. Hier wil je zitten.
• Verbetering nodig: tussen 2,5 en 4 seconden. Dit vraagt aandacht.
• Slecht: boven 4 seconden. Bezoekers haken hier af.

Belangrijk: meet altijd op mobiel. Daar is de verbinding trager en de ervaring zwaarder, dus daar valt of staat je score.

Waar gaat je LCP-tijd naartoe?

Een trage LCP voelt als één probleem, maar bestaat volgens web.dev uit vier opeenvolgende fases. Weten waar de tijd verdwijnt, is de helft van de oplossing. Onderstaande tabel laat zien wat elke fase is en waar je op stuurt om hem korter te maken.

In de praktijk zien we dat de eerste en de laatste fase het vaakst de boosdoener zijn: trage hosting aan het begin en zware scripts aan het eind. Daartussen zit meestal een te grote afbeelding.

Waarom telt LCP voor je rankings?

LCP is samen met INP en CLS een onderdeel van de Core Web Vitals, en die zijn een officiële rankingfactor binnen de page experience-signalen van Google. Maar onderschat het effect op rankings ook niet: het is vooral een omzetfactor.

Een pagina die traag zichtbaar wordt, jaagt bezoekers weg voor ze je aanbod of formulier zien. In B2B, waar één gekwalificeerde lead veel waard is, betekent elke afhaker verloren omzet. LCP verbeteren gaat dus niet om een cijfer, het gaat om leads die blijven.

Een voorbeeld uit de praktijk

Stel, een B2B-dienstverlener heeft bovenaan de offertepagina een grote sfeerfoto staan. Die foto is het LCP-element: zolang hij niet geladen is, ziet de bezoeker vooral witruimte. Staat die foto per ongeluk op lazy loading en draait de site op trage hosting, dan tikt de LCP al snel richting de vier seconden. De prospect die net op je zoekresultaat klikte, staart ondertussen naar een lege pagina en is weg voor je formulier verschijnt. Juist deze pagina’s, waar de koopintentie het hoogst is, hebben het meeste last van een trage hero. Comprimeer je die foto en laad je hem direct, dan zakt de LCP vaak in één keer naar het groene gebied.

Hoe meet je je LCP?

Gratis en snel:

• PageSpeed Insights. Plak je URL en je ziet je LCP plus concrete verbeterpunten.
• Google Search Console. Toont de Core Web Vitals voor je hele site en welke pagina’s aandacht nodig hebben.
• Google Lighthouse. Ingebouwd in Chrome, handig tijdens het bouwen.

Hoe verbeter je je LCP?

De grootste winst zit meestal hier:

• Verklein je grootste beeld. Comprimeer je hero-afbeelding en gebruik moderne formaten. Zie afbeeldingen optimaliseren voor SEO.
• Snelle hosting en een snelle server. Een trage serverreactietijd vertraagt alles. Lees over TTFB verbeteren.
• Laad je belangrijkste beeld niet lazy. Dit is een klassieke fout. Zet lazy loading alleen aan voor beeld onder de vouw, nooit voor je hero-afbeelding.
• Beperk render-blokkerende scripts en CSS. Die houden je pagina onnodig tegen.

Veel van dit werk zit onder de motorkap. Een goede ontwikkelaar of een SEO-audit brengt snel in kaart wat je LCP tegenhoudt.

Veelgemaakte fouten bij LCP

Een slechte LCP komt zelden door één groot probleem. Meestal is het een optelsom van kleine misstappen die je makkelijk voorkomt.

• Je hero-afbeelding lazy laden. De klassieker. Lazy loading is prima voor beeld onder de vouw, maar op je grootste element bovenaan werkt het averechts: je stelt precies het onderdeel uit dat je LCP bepaalt.
• Alleen op desktop meten. Op je snelle kantoorlaptop lijkt alles vlot. Google beoordeelt je op het 75e percentiel van echte bezoekers, en die zitten vaak op mobiel met een tragere verbinding. Meet daar.
• Een ongecomprimeerde foto tonen op mobiel. Dezelfde afbeelding van enkele megabytes die op desktop nog meevalt, is op een telefoon een molensteen. Serveer een kleinere versie voor kleine schermen.
• Alles tegelijk willen fixen. Wie zonder meting begint te sleutelen, verliest tijd aan fases die al snel genoeg zijn. Meet eerst waar de tijd verdwijnt (zie de tabel hierboven), pak dan de grootste fase aan.

Eerlijk: wanneer LCP prioriteit is (en wanneer niet)

We zeggen het liever vooraf. Zit je LCP al comfortabel onder de 2,5 seconden, dan is verder finetunen zelden de moeite. Stuur dan op content, autoriteit en conversie, want daar zit je groei. Een paar tienden van een seconde winnen op een al snelle site levert je geen extra klant op.

LCP wordt pas een prioriteit als je score in het oranje of rode gebied zit én je genoeg verkeer hebt om het verschil te merken. Meten om te meten is verspilling. Stuur op klanten en omzet, niet op een perfecte score.

Scoort je LCP slecht?

Wij brengen in kaart wat je pagina vertraagt en lossen het op bij de wortel, zodat je sneller laadt en meer bezoekers omzet in leads. We zijn een klein team dat snel beweegt en meer doet dan je verwacht.

Plan je gratis intake.

Veelgestelde vragen over LCP

Wat is een goede LCP-waarde? Onder 2,5 seconden is goed, tussen 2,5 en 4 seconden vraagt verbetering, en boven 4 seconden is slecht. Google meet dit bij het 75e percentiel van je bezoekers, dus reken vooral op je mobiele scores.

Wat is het verschil tussen LCP en paginalaadtijd? Volledige laadtijd meet tot alles klaar is, ook zaken die de bezoeker niet ziet. LCP meet specifiek wanneer het grootste zichtbare element verschijnt, wat veel dichter bij de beleefde snelheid ligt.

Welk element bepaalt meestal mijn LCP? Vaak je grootste afbeelding bovenaan, een videoposter of een groot tekstblok. Met PageSpeed Insights zie je precies welk element in jouw geval het LCP-element is.

Waarom is mijn LCP slecht ondanks snelle hosting? Een veelgemaakte oorzaak is dat je grootste beeld lazy geladen wordt, of dat zware scripts en CSS het renderen tegenhouden. Laad je hero-afbeelding direct en beperk render-blokkerende bronnen.