Wat is lazy loading in WordPress?

Lazy loading is een techniek die het laden van afbeeldingen en andere media uitstelt totdat de bezoeker ze daadwerkelijk moet zien. In plaats van alles op een pagina in één keer te laden wanneer deze opent, haalt lazy loading content alleen op wanneer deze bijna in beeld komt terwijl de bezoeker naar beneden scrollt.

Waarom het de prestaties verbetert

Een pagina met tien afbeeldingen zou normaal alle tien laden op het moment dat iemand bezoekt — zelfs als de bezoeker alleen de bovenste helft leest en niet verder scrollt. Met lazy loading laden alleen de afbeeldingen in het zichtbare deel van het scherm direct. De rest laadt op aanvraag terwijl de bezoeker scrollt.

Dit laat uw pagina sneller aanvoelen, vermindert de hoeveelheid overgedragen data bij het eerste bezoek en verbetert uw Core Web Vitals-scores — met name de tijd die het kost voordat de hoofdcontent verschijnt.

Is het ingebouwd in WordPress?

Ja. WordPress heeft native lazy loading voor afbeeldingen sinds versie 5.5. De browser handelt het automatisch af via het loading="lazy" attribuut op afbeeldingen. Voor de meeste WordPress-sites werkt dit zonder extra configuratie.

Eén ding om op te letten

De hoofdafbeelding of hero-afbeelding bovenaan een pagina mag niet lazy loaded worden — deze bevindt zich al in het viewport van de bezoeker en moet direct laden. Lazy loading ervan vertraagt juist het belangrijkste visuele element, wat uw LCP-score schaadt. Dit is een veelvoorkomende verkeerde configuratie die de moeite waard is om te controleren.

Lees meer over image optimisation in WordPress en verken de performance knowledge base.