Borrowing the description;
In Chrome 76, you can use the loading attribute to completely defer the loading of offscreen images and iframes that can be reached by scrolling:
<img src="image.png" loading="lazy" alt="…" width="200" height="200">
<iframe src="https://example.com" loading="lazy"></iframe>
Here are the supported values for the loading attribute:
> auto: Default lazy-loading behavior of the browser, which is the same as not including the attribute. > lazy: Defer loading of the resource until it reaches a calculated distance from the viewport. > eager: Load the resource immediately, regardless of where it's located on the page.
Morten in https://core.trac.wordpress.org/ticket/44427 makes a good case for this. Can we work on this since it does not make any breaking changes? It is an enhancement that I see since I come from a location where we have bad bandwidth and network.
See lazy loading in effect here: https://web.dev/native-lazy-loading/lazyload.webm