Lazy loading: de snelheidstruc die je site trager maakt

Google meet de laadervaring met Largest Contentful Paint: hoelang het duurt voor het grootste zichtbare element geladen is. Op de meeste sites is dat precies je heroafbeelding bovenaan.

Zet je daar lazy loading op, dan gebeurt dit: de browser leest de pagina, ziet het beeld, maar besluit te wachten tot het in beeld komt. Vervolgens moet hij vaststellen dat het al in beeld staat, en dan pas begint hij te laden. Je hebt een extra ronde toegevoegd aan het belangrijkste beeld van je pagina.

Het effect is meetbaar en het raakt je waar het pijn doet: slechts 55,9% van alle gemeten websites haalt in 2026 alle drie de Core Web Vitals, op mobiel zelfs maar 42%.

Lazy loading op alles wat onder de vouw staat. Nooit op wat er meteen zichtbaar is.

Element	Lazy loaden?	Waarom
Heroafbeelding bovenaan	Nee, nooit	Dit is meestal je LCP-element
Logo in de kop	Nee	Klein, en meteen nodig
Foto's verderop op de pagina	Ja	Klassieke winst
Beelden in een fotogalerij	Ja	Grote besparing
Video's en ingesloten kaarten	Ja, zeker	Vaak het zwaarste op de pagina
Beelden in de voettekst	Ja	Bijna niemand scrolt zover

Twijfel je of iets boven de vouw staat? Kijk op een telefoon, niet op je computerscherm. Op mobiel is de vouw veel hoger dan je denkt, en in België gebeurt 58% van de online aankopen via de smartphone.

Je hoeft hiervoor geen ontwikkelaar te zijn. Twee controles van vijf minuten volstaan.

1. Bekijk de broncode van je homepage. Klik met rechts, kies "paginabron weergeven", en zoek naar loading="lazy". Staat dat bij je heroafbeelding, dan heb je je probleem gevonden.
2. Draai een snelheidstest op mobiel en kijk welk element als LCP aangeduid wordt. Als dat je heroafbeelding is en je LCP-tijd ligt boven 2,5 seconden, is dit je eerste actiepunt.

In de meeste contentsystemen kun je per afbeelding aangeven dat ze niet lazy geladen mag worden. In WordPress doen de meeste snelheidsplugins dat via een instelling "eerste zoveel afbeeldingen uitsluiten". Zet die op één of twee.

Lazy loading alleen is een halve maatregel. Drie dingen die er standaard bij horen.

• Zet altijd breedte en hoogte op je afbeeldingen. Zonder die maten weet de browser niet hoeveel plaats hij moet vrijhouden, en verspringt je pagina zodra het beeld laadt. Dat kost je punten op verspringende layout, en ongeveer 43% van de websites haalt in 2026 de INP-grens al niet, dus je hebt geen marge te verspillen.
• Geef je heroafbeelding voorrang. Met een prioriteitsattribuut vertel je de browser dat dit beeld eerst moet. Veel moderne thema's en frameworks doen dat automatisch, maar controleer het.
• Verklein je beelden echt. Lazy loading maakt een foto van 4 MB niet lichter, het stelt hem alleen uit. Een bezoeker die scrolt, krijgt hem alsnog.

Dat laatste punt wordt vaak vergeten. Lazy loading verplaatst het probleem; verkleinen lost het op. Doe allebei.

De winst van correct toegepaste lazy loading zit vooral op lange pagina's en op mobiel, precies waar het meeste verkeer zit. De gemiddelde laadtijd op mobiel bedraagt 8,6 seconden, tegenover 2,5 seconden op desktop.

En elke tiende telt: een snelheidsverbetering van 0,1 seconde verhoogt de conversie in retail met 8,4% en het gemiddelde bestelbedrag met 9,2%. Omgekeerd: wanneer de laadtijd stijgt van 1 naar 3 seconden, neemt de kans dat een bezoeker meteen weer vertrekt toe met 32%.

Wil je weten of je site hier vandaag last van heeft, dan meet de gratis marketing scan je snelheidspijler samen met zes andere en zegt hij per punt wat eraan te doen is.