Hoe werkt WordPress met lazy loading voor snellere pagina’s?

WordPress laadt afbeeldingen en video’s standaard met lazy loading, wat betekent dat alleen de content in beeld direct wordt geladen en de rest pas wanneer een bezoeker naar beneden scrolt. Dit zorgt voor merkbaar snellere laadtijden, vooral op pagina’s met veel afbeeldingen. In dit artikel beantwoorden we de meest gestelde vragen over lazy loading in WordPress.

Wat laadt WordPress precies met lazy loading?

WordPress past lazy loading toe op afbeeldingen, iframes en ingebedde video’s die buiten het zichtbare schermgedeelte staan. In de praktijk betekent dit dat alles wat een bezoeker niet meteen ziet, pas wordt opgehaald op het moment dat het scherm ernaartoe scrolt. Zo hoeft de browser bij het openen van een pagina veel minder tegelijk te laden.

Concreet gaat het om de volgende elementen:

• Afbeeldingen in de paginainhoud en in widgets
• Ingebedde video’s via iframes, zoals YouTube-fragmenten
• Afbeeldingen in galerijen en portfoliopagina’s
• Miniatuurafbeeldingen in blogoverviews

Wat WordPress niet lazy loadt, is de zogenoemde hero-afbeelding of de eerste afbeelding boven de vouw. Die krijgt juist het attribuut fetchpriority=”high” mee, zodat die zo snel mogelijk verschijnt. Dat is een slimme keuze, want bezoekers zien die afbeelding direct en verwachten dat die er meteen staat.

Hoe snel wordt een WordPress-pagina met lazy loading?

Met lazy loading ingeschakeld laadt een WordPress-pagina aanzienlijk sneller, omdat de browser bij het eerste bezoek alleen de zichtbare content hoeft te verwerken. De totale hoeveelheid data die bij het openen wordt opgehaald, daalt flink, wat de laadtijd van de pagina direct ten goede komt.

Hoe groot de tijdwinst is, hangt af van het aantal afbeeldingen op een pagina en hun bestandsgrootte. Een pagina met twintig grote foto’s profiteert veel meer van lazy loading dan een simpele tekstpagina met twee afbeeldingen. Zoekmachines zoals Google kijken ook naar laadsnelheid als rankingfactor, dus een snellere website helpt ook bij de vindbaarheid.

Wil je weten hoe snel jouw WordPress-website werkelijk laadt? Gratis tools zoals Google PageSpeed Insights en GTmetrix geven een helder beeld van de huidige situatie en laten precies zien waar winst te behalen is.

Wat is het verschil tussen lazy loading en eager loading in WordPress?

Bij lazy loading worden afbeeldingen pas geladen wanneer ze in beeld komen. Bij eager loading worden alle afbeeldingen op een pagina direct geladen, ongeacht of een bezoeker ze ooit te zien krijgt. WordPress gebruikt lazy loading als standaard voor de meeste afbeeldingen en eager loading alleen voor de eerste, zichtbare afbeelding.

Het verschil is het meest merkbaar op lange pagina’s of pagina’s met veel visuele content. Met eager loading wacht de browser tot alle afbeeldingen zijn opgehaald voordat de pagina volledig bruikbaar is. Met lazy loading is de pagina veel sneller interactief, ook als er tientallen afbeeldingen op staan.

In HTML zie je het verschil terug in het loading-attribuut van een afbeeldingstag. Een afbeelding met loading="lazy" wordt uitgesteld, een afbeelding met loading="eager" wordt meteen opgehaald. WordPress stelt dit attribuut automatisch in op basis van de positie van de afbeelding op de pagina.

Waarom laden sommige afbeeldingen toch traag ondanks lazy loading?

Lazy loading lost het probleem van grote, ongeoptimaliseerde afbeeldingen niet op. Als een afbeelding pas wordt geladen wanneer ze in beeld komt, maar een bestandsgrootte heeft van meerdere megabytes, duurt het laden van die afbeelding alsnog lang. Lazy loading regelt het moment van laden, niet de snelheid ervan.

Andere veelvoorkomende oorzaken van trage afbeeldingen zijn:

• Afbeeldingen die niet zijn gecomprimeerd of verkleind voor webgebruik
• Het gebruik van verouderde bestandsformaten zoals BMP of TIFF in plaats van WebP of JPEG
• Een trage hostingomgeving zonder goede caching
• Afbeeldingen die worden ingeladen via externe bronnen met een langzame verbinding
• Thema’s of plugins die lazy loading overschrijven of dubbel toepassen

De oplossing ligt dus in een combinatie van lazy loading en goede afbeeldingsoptimalisatie. Verklein afbeeldingen voor upload, gebruik het WebP-formaat waar mogelijk en zorg voor een solide hostingomgeving. Regelmatig WordPress-onderhoud helpt om dit soort technische aandachtspunten tijdig op te sporen.

Welke WordPress-plugins verbeteren lazy loading het meest?

WordPress heeft lazy loading ingebouwd, maar plugins kunnen dit verder uitbreiden en verfijnen. De meest gebruikte plugins voor betere laadprestaties combineren lazy loading met aanvullende optimalisaties zoals afbeeldingscompressie, caching en het gebruik van moderne bestandsformaten.

Dit zijn de meest populaire keuzes in 2026:

1. Smush: comprimeert afbeeldingen automatisch en breidt lazy loading uit naar achtergrondafbeeldingen in CSS
2. ShortPixel: converteert afbeeldingen naar WebP en regelt lazy loading in één stap
3. WP Rocket: een uitgebreide cachingplugin die lazy loading combineert met paginacaching en CSS-optimalisatie
4. Flying Images: een lichte plugin die zich volledig richt op lazy loading zonder extra functies
5. Autoptimize: optimaliseert scripts en stijlen en ondersteunt lazy loading voor afbeeldingen

Voor de meeste MKB-websites is een combinatie van de ingebouwde lazy loading van WordPress en een goede cachingplugin al meer dan voldoende. Zware plugins met veel functies zijn niet altijd nodig en kunnen zelf ook vertraging veroorzaken als ze slecht zijn geconfigureerd.

Hoe schakel je lazy loading in of uit in WordPress?

Lazy loading staat in WordPress standaard ingeschakeld en hoeft niet handmatig te worden geactiveerd. Wil je het uitschakelen of aanpassen, dan kan dat via een kleine toevoeging aan het bestand functions.php van je thema of via een plugin. Voor de meeste websites is uitschakelen niet aan te raden, omdat het de laadtijd verslechtert.

Wil je lazy loading tijdelijk uitzetten voor een specifieke afbeelding, dan voeg je het attribuut loading="eager" toe aan de afbeeldingstag in de HTML. Dit is handig voor afbeeldingen die hoog op de pagina staan en direct zichtbaar moeten zijn, zoals een logo of een prominente productfoto.

Wil je lazy loading volledig uitschakelen via de code, dan gebruik je de volgende functie in functions.php:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Dit is echter zelden nodig. In de meeste gevallen is het slimmer om te onderzoeken waarom afbeeldingen traag laden en dat probleem aan te pakken, in plaats van lazy loading uit te zetten. Bekijk ook de opmaak en het ontwerp van je pagina’s als je vermoedt dat de structuur van je pagina bijdraagt aan trage laadtijden.

Hoe Appel en Eelman helpt met een snellere WordPress-website

Een goed werkende website is meer dan een mooi ontwerp. Snelheid, technische optimalisatie en gebruiksgemak gaan hand in hand. Appel en Eelman helpt MKB-ondernemers met WordPress-websites die van begin af aan goed zijn ingericht, inclusief lazy loading, afbeeldingsoptimalisatie en een stabiele hostingomgeving.

Wat je kunt verwachten:

• Een WordPress-website die snel laadt op zowel mobiel als desktop
• Afbeeldingen die correct zijn geoptimaliseerd voor webgebruik
• De juiste plugins, zonder overbodige ballast
• Duidelijke uitleg in gewone taal, zonder technisch gedoe
• Onderhoud en technische controles zodat de website snel en veilig blijft

Wil je weten wat er beter kan aan jouw website? Neem gerust contact op voor een vrijblijvend gesprek. Geen ingewikkeld verhaal, gewoon kijken wat er voor jou werkt.