Lazy loading zorgt ervoor dat afbeeldingen en video’s pas geladen worden zodra een bezoeker ze daadwerkelijk in beeld krijgt. Op een LiteSpeed-server stel je dit eenvoudig in via de gratis LiteSpeed Cache-plugin voor WordPress. Dit verlaagt de laadtijd van de eerste pagina-weergave, bespaart bandbreedte en verbetert je Core Web Vitals score. Hieronder lees je stap voor stap hoe je het activeert en optimaal configureert.
Wat is lazy loading en waarom gebruik je het
Standaard laadt een browser alle afbeeldingen op een pagina tegelijk, ook de afbeeldingen die onderaan de pagina staan en pas zichtbaar worden na scrollen. Lazy loading stelt het laden van die afbeeldingen uit tot het moment dat ze het zichtbare gedeelte van het scherm naderen. Hierdoor is de initiële pagina sneller klaar, verbruikt de browser minder data en verbetert de gebruikerservaring, vooral op mobiele verbindingen.
Voor de ranking in zoekmachines is dit ook relevant: snelheid en Core Web Vitals spelen een rol bij de beoordeling van een website. LiteSpeed Cache combineert lazy loading met andere optimalisaties, zoals afbeeldingen automatisch in moderne formaten aanbieden en CSS/JS minimaliseren.
Lazy loading inschakelen via LiteSpeed Cache
Op servers met LiteSpeed Web Server, zoals bij webhosting van Tandata, gebruik je meestal de LiteSpeed Cache-plugin voor WordPress. Deze is gratis beschikbaar in de WordPress plugin-directory en werkt direct samen met de server-cache.
Installeer de LiteSpeed Cache-plugin
Ga naar Plugins > Nieuwe plugin toevoegen in WordPress, zoek op “LiteSpeed Cache” en installeer en activeer de plugin.
Open het tabblad Page Optimization
Ga naar LiteSpeed Cache in het menu en klik op het tabblad “Page Optimization”. Hier vind je de sectie Media Settings.
Zet lazy loading aan
Schakel “Lazy Load Images” en desgewenst “Lazy Load Iframes” in op Aan. Sla de instellingen op.
Stel een placeholder in
Kies bij “Responsive Placeholder” of “Generate LQIP In Background” een optie, zodat afbeeldingen netjes geladen worden zonder lay-out shift.
Instellingen afstemmen en uitzonderingen toevoegen
Niet elke afbeelding profiteert van lazy loading. Het logo en de eerste afbeelding boven de vouw (above the fold) laad je het best direct, omdat uitstel daar juist de ervaring vertraagt. In LiteSpeed Cache kun je bij “Lazy Load Image Excludes” specifieke afbeeldingen, klassen of URL’s uitsluiten.
Voeg hier bijvoorbeeld het pad naar je logo of de hero-afbeelding toe. Daarnaast is het verstandig om de optie “Generate LQIP In Background” te gebruiken: dit genereert een lichte, wazige voorvertoning (Low Quality Image Placeholder) zodat de pagina niet schokt tijdens het laden.
Beheer je meerdere websites en domeinen bij één provider, dan vind je deze instellingen per domein terug in Plesk onder je hostingaccount. Overweeg je om over te stappen naar een provider met LiteSpeed-servers en NVMe-opslag, kijk dan bij overstappen naar Tandata.
Lazy loading testen en problemen oplossen
Test na het inschakelen altijd of afbeeldingen correct laden. Open je site in een incognitovenster, scroll langzaam naar beneden en controleer of afbeeldingen soepel verschijnen zonder vertraging of lege vlakken.
Kom je problemen tegen, zoals afbeeldingen die helemaal niet laden of een kapotte lay-out, controleer dan eerst of er conflicten zijn met een andere cache- of optimalisatieplugin. Gebruik niet twee plugins tegelijk die lazy loading toepassen. Leeg na elke wijziging de LiteSpeed-cache via het bliksemicoon in de WordPress-balk.
Werkt het na deze stappen nog niet naar wens, raadpleeg dan de kennisbank van Tandata of neem contact op met support. Bij Tandata is er 24/7 ondersteuning via WhatsApp, tickets en e-mail, ook voor dit soort configuratievraagstukken.
Veelgestelde vragen
Werkt lazy loading ook zonder plugin, puur via LiteSpeed?
LiteSpeed Web Server biedt zelf geen losse lazy loading-functie los van de plugin; voor WordPress-sites gebruik je de LiteSpeed Cache-plugin, die de optimalisatie op applicatieniveau regelt.
Vertraagt lazy loading de SEO-score?
Nee, mits goed ingesteld verbetert lazy loading juist de laadtijd en Core Web Vitals. Zorg wel dat afbeeldingen boven de vouw worden uitgesloten, anders kan de Largest Contentful Paint vertragen.
Kan ik lazy loading uitschakelen voor één pagina?
Ja, via de uitsluitingsinstellingen in Page Optimization kun je specifieke klassen, ID’s of URL-patronen toevoegen die je wilt uitsluiten van lazy loading.
Werkt lazy loading ook voor e-mailbijlagen of andere diensten?
Nee, lazy loading geldt alleen voor webpagina’s. Voor zakelijke e-mail met een hoge beveiligingsscore kun je kijken bij zakelijke e-mail.
Heb ik een specifiek domein nodig om dit in te stellen?
Nee, de instelling werkt op elk domein dat op een LiteSpeed-server met WordPress draait. Wil je een nieuw domein registreren, bekijk dan de opties bij domeinnamen.
Conclusie
Lazy loading instellen via LiteSpeed Cache is een eenvoudige, gratis manier om je WordPress-site merkbaar sneller te maken. Installeer de plugin, schakel lazy loading in via Page Optimization, sluit belangrijke afbeeldingen boven de vouw uit en test het resultaat. Zo combineer je een snelle server met een geoptimaliseerde voorpagina.