← Back to release summary

Lazily load iframes and images via ‘loading’ attribute

Category
Performance
Type
New or changed feature
Status
Enabled by default (Chrome 77)
Intent stage
Prepare to ship

Summary

Support the ‘loading’ attribute, which can be used to defer the load of below-the-fold iframes and images on the page until the user scrolls near them. This is to reduce data usage, memory usage, and to speed up above-the-fold content. Web developers can opt-in to lazy load by specifying loading=lazy on <iframe> and <img> elements.

Standards & signals

Docs: https://docs.google.com/document/d/1e8ZbVyUwgIkQMvJma3kKUDg8UUkLRRdANStqKuOIvHg/edit https://docs.google.com/document/d/1ITh7UqhmfirprVtjEtpfhga5Qyfoh78UkRmW8r3CntM/edit https://docs.google.com/document/d/1jF1eSOhqTEt0L1WBCccGwH9chxLd9d1Ez0zo11obj14/edit

Samples: https://scalable-loading-contribs.firebaseapp.com/test.html https://mathiasbynens.be/demo/img-loading-lazy

Explainers: https://github.com/scott-little/lazyload https://docs.google.com/document/d/1e8ZbVyUwgIkQMvJma3kKUDg8UUkLRRdANStqKuOIvHg/edit

View on chromestatus.com