Lazy loading is een techniek waarbij afbeeldingen of content pas geladen worden op het moment dat een bezoeker daadwerkelijk in de buurt van dat onderdeel scrollt, in plaats van alles direct bij het openen van de pagina te laden.
Belang voor performance
Door niet alle content direct te laden, verbetert de initiele laadtijd van een pagina aanzienlijk, vooral bij pagina’s met veel afbeeldingen zoals productoverzichten of fotogalerijen. Dit zorgt ervoor dat bezoekers sneller iets zien, ook al is de volledige pagina nog niet volledig geladen.
Aanpak
Lazy loading wordt meestal toegepast op afbeeldingen en video’s verderop op de pagina, terwijl content direct zichtbaar bij het laden, zoals above the fold elementen, juist niet uitgesteld moet worden om de eerste indruk niet te vertragen. Het testen van lazy loading op verschillende verbindingssnelheden voorkomt dat bezoekers met een trage verbinding lege ruimtes zien tijdens het scrollen.