Native lazy loading for the web.
Something looks broken? We accept bounties to fix them faster.
Lazy loading is technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need. Where images are concerned, “non-critical” is often synonymous with “off-screen”. When we lazy-load images and video, we reduce initial page load time, initial page weight, and system resource usage, all of which have positive impacts on performance. 1
Starting with Chrome 76, you’ll be able to use the new
This extension helps you to add the
loading attribute automatically with value of
lazy. To disable the lazy-loading behavior on certain iframes and images, you can add the attribute manually with value of
auto (as this value is the default value, so it’s the same as if you didn’t add the attribute):
<iframe loading="auto" src="/path/to/page.html"></iframe>
<img alt="" loading="auto" src="/path/to/image.jpg">