Wat is lazy loading in WordPress?

Je opent een website en nog voordat je iets kunt lezen, voelt alles traag. Grote afbeeldingen laden langzaam in, een video duwt de layout opzij en je moet wachten voordat de pagina echt bruikbaar is. Precies daar komt lazy loading in beeld. Het is een techniek die ervoor zorgt dat zware onderdelen van een pagina pas laden wanneer ze echt nodig zijn.

Bij Webtify zien we vaak dat ondernemers wel bezig zijn met snelheid, maar niet altijd weten welke techniek nu echt verschil maakt. Lazy loading in WordPress is daar een goed voorbeeld van. Het kan je website sneller laten aanvoelen, maar als je het verkeerd inzet kan het juist belangrijke content vertragen. Daarom is het slim om niet alleen te weten wat het is, maar vooral wanneer je het wel en niet gebruikt.

Wat is lazy loading?

Lazy loading betekent dat niet alle media direct worden geladen zodra iemand je pagina opent. Afbeeldingen, iframes en soms video’s die pas verderop op de pagina zichtbaar worden, laden pas in wanneer een bezoeker in de buurt daarvan komt. Browsers ondersteunen dit tegenwoordig zelf via het attribuut loading="lazy", en WordPress voegt dat in veel gevallen automatisch toe aan afbeeldingen en iframes.

Het idee is simpel: eerst laad je wat direct nodig is, daarna pas de rest. Dat verkort de eerste laadtijd en vermindert onnodig dataverbruik. Volgens documentatie van WordPress en MDN is dit vooral nuttig voor content onder de vouw, dus onderdelen die niet direct in beeld staan.

Hoe werkt het in WordPress?

Sinds WordPress 5.5 wordt lazy loading standaard toegepast op veel afbeeldingen. Later is dat ook uitgebreid en verbeterd voor iframes, zoals YouTube-video’s of kaart-embeds. WordPress probeert daarbij slim om te gaan met afbeeldingen die waarschijnlijk direct zichtbaar zijn, omdat juist die niet vertraagd mogen worden.

In de praktijk betekent dat dat een afbeelding lager op de pagina niet meteen wordt opgehaald vanaf de server. De browser wacht tot de bezoeker scrolt of bijna bij dat onderdeel is. Daardoor blijft er meer ruimte over voor belangrijkere onderdelen bovenaan de pagina, zoals tekst, knoppen en de hoofdafbeelding.

Welke onderdelen worden vaak lazy geladen?

Meestal gaat het om:

• afbeeldingen verderop op de pagina
• ingesloten video’s
• iframes, zoals kaarten of externe widgets
• soms achtergrondafbeeldingen, maar daar is vaak extra techniek of een plugin voor nodig

Niet alles wordt dus automatisch op dezelfde manier behandeld. Vooral achtergrondafbeeldingen in builders of thema’s vragen soms een aparte aanpak. Dat zien we bijvoorbeeld ook terug bij optimalisaties in WordPress zelf, waar techniek en thema-opbouw veel invloed hebben. Wie daar meer grip op wil, heeft vaak ook iets aan ons SEO beginnershandboek en de uitleg over SEO verbeteren in WordPress.

Wat zijn de voordelen van lazy loading?

Het grootste voordeel is snelheid bij de eerste paginalaad. Als een pagina veel afbeeldingen of embeds bevat, hoeft niet alles meteen geladen te worden. Dat scheelt bandbreedte, verwerking en vaak ook wachttijd voor de bezoeker.

Daarnaast kan lazy loading helpen bij prestatiesignalen zoals gebruikerservaring en laadsnelheid. Zeker op mobiele verbindingen merk je dat sneller. Een pagina voelt lichter aan, omdat de browser eerst focust op wat de bezoeker direct ziet.

Kan lazy loading je website ook vertragen?

Ja, en dat is precies waar het vaak misgaat. Lazy loading is niet automatisch goed voor elk element. Als je de belangrijkste afbeelding bovenaan de pagina ook lazy loadt, kan dat juist je zichtbare laadtijd verslechteren. WordPress heeft daar de afgelopen jaren meerdere verbeteringen voor doorgevoerd, omdat vooral de eerste zichtbare afbeelding snel beschikbaar moet zijn.

We krijgen bij Webtify vaak de vraag waarom een website ondanks optimalisaties toch traag aanvoelt. Regelmatig blijkt dan dat een plugin te agressief is ingesteld. Bijvoorbeeld wanneer een hero-afbeelding, logo of belangrijke productfoto pas laat verschijnt. In dat geval wint je techniek op papier misschien iets, maar verliest de bezoeker geduld.

Wanneer gebruik je het beter niet?

• bij de hoofdafbeelding bovenaan de pagina
• bij elementen die direct vertrouwen moeten geven, zoals een zichtbaar product of banner
• bij onderdelen die direct klikbaar of bruikbaar moeten zijn
• als een plugin dubbele lazy loading toepast boven op WordPress zelf

Hoe controleer je of lazy loading goed werkt?

De eenvoudigste controle is visueel: open je pagina en kijk of afbeeldingen logisch inladen terwijl je scrolt. Zie je bovenaan lege vlakken of springt content laat in beeld, dan is er mogelijk iets niet goed ingesteld. Je kunt daarnaast in de browsercode controleren of afbeeldingen of iframes het attribuut loading="lazy" meekrijgen.

Voor een grondigere check gebruik je snelheidstests en prestatiegegevens. Dan kijk je niet alleen of lazy loading actief is, maar vooral of het slim is toegepast. Dat sluit goed aan op bredere snelheidsoptimalisatie, zoals we ook uitleggen in onze blogs over CSS minifyen en WP Rocket.

Hoe stel je lazy loading in WordPress in?

In veel WordPress-websites staat lazy loading dus al standaard aan voor afbeeldingen en iframes. Toch gebruiken sommige websites daarnaast nog een optimalisatieplugin of cachingplugin die extra instellingen biedt. Daarmee kun je bijvoorbeeld uitzonderingen maken voor bepaalde afbeeldingen of video’s.

Ons advies is meestal simpel: begin met de standaardfunctionaliteit van WordPress en voeg alleen extra lazy loading toe als je daar een duidelijke reden voor hebt. Bijvoorbeeld als achtergrondafbeeldingen of externe embeds nog niet goed worden meegenomen. Gebruik je meerdere performance-plugins tegelijk, controleer dan goed of ze elkaar niet overlappen.

Veelgemaakte fouten bij lazy loading

• de eerste zichtbare afbeelding ook lazy loaden
• een extra plugin installeren terwijl WordPress het al doet
• niet testen op mobiel
• denken dat lazy loading alleen snelheid oplost, terwijl afbeeldingsformaten en hosting ook meespelen
• vergeten dat zware embeds, zoals video’s of kaarten, apart aandacht nodig hebben

Lazy loading is dus geen trucje dat je blind aanzet. Het werkt het best als onderdeel van een bredere aanpak voor snelheid en gebruikservaring. Daarom kijken we bij Webtify meestal niet naar één losse instelling, maar naar het totaal van thema, afbeeldingen, scripts en opbouw van de pagina.

Sneller laden begint met slimme keuzes

Lazy loading in WordPress helpt om afbeeldingen, video’s en iframes pas te laden wanneer ze echt nodig zijn. Dat maakt pagina’s vaak sneller en lichter, zeker als er veel media op staan. Tegelijk geldt: wat bovenaan direct zichtbaar is, moet je meestal juist niet vertragen.

De beste aanpak is dus niet zoveel mogelijk lazy loaden, maar bewust kiezen welke onderdelen wachten en welke direct moeten laden. Doe je dat goed, dan verbeter je niet alleen de techniek van je website, maar ook de ervaring van je bezoekers.