Blog Post

Lazy Loading (the Undead)

loading=“lazy” is an attribute for images that allows it to be loaded later unless it’s needed i.e. when it’s visible in the viewport. In this way you can hold off downloading images further down the page (like setting the zombies to come in one-by-one vs all at once). This prevents those images from delaying the initial load or otherwise slowing down the page making the page feel snappier and your users happier. Plus once everything visible is downloaded, it’ll start downloading those images even if they aren’t in the viewport yet.