Wat is lazy loading en wanneer gebruikt u het?

Lazy loading stelt het laden van niet-kritieke afbeeldingen of andere media uit tot ze bijna in beeld komen. Daardoor hoeft de browser bij de eerste weergave minder bronnen op te halen.

Wanneer helpt lazy loading?

Het is vooral nuttig voor afbeeldingen en iframes die lager op een lange pagina staan. Minder direct verkeer kan de eerste weergave en het datagebruik verbeteren.

Wanneer gebruikt u het voorzichtig?

• Laad het belangrijkste beeld bovenaan niet onnodig lui.
• Behoud breedte en hoogte om verspringende inhoud te vermijden.
• Gebruik normale HTML-afbeeldingen met een echte bron en passende alt-tekst.
• Test of beelden verschijnen bij scrollen, printen en beperkte verbindingen.

Is lazy loading hetzelfde als afbeeldingsoptimalisatie?

Nee. Bestandsformaat, afmetingen, compressie en responsive varianten blijven belangrijk. Lees ook hoe alt-tekst werkt.

Wilt u prestaties vanaf het ontwerp meenemen? Bekijk een website op maat.

Bron: MDN over lazy loading.