Native image lazy-loading for the web!
▻https://addyosmani.com/blog/lazy-loading
In this post, we’ll look at the new loading attribute which brings native <img>
and <iframe>
lazy-loading to the web!. For the curious, here’s a sneak preview of it in action:
<img src="celebration.jpg" loading="lazy" alt="..." />
<iframe src="video-player.html" loading="lazy"></iframe>
We are hoping to ship support for loading in Chrome 75 and are working on a deep-dive of the feature we’ll publish soon. Until then, let’s dive into how loading works.