Lazy loading

Lazy loading betekent dat je wacht met het laden van een resource — een afbeelding, video, script of widget — tot die daadwerkelijk nodig is, in plaats van alles te laden zodra de pagina opent. Daardoor wordt de initiële paginalaad sneller, omdat je bandbreedte en verwerkingstijd alleen besteedt aan wat de bezoeker daadwerkelijk ziet of gebruikt.

Het wordt het vaakst toegepast op afbeeldingen en embeds onder de vouw, met behulp van het ingebouwde attribuut loading=\"lazy\" op <img>- en <iframe>-elementen. Inhoud boven de vouw moet je doorgaans niet lazy-loaden, omdat uitstel LCP kan vertragen in plaats van helpen.

Meer informatie

• Lazy loading - MDN's prestatiegids
• Boven de vouw
• LCP