Lazy-loading images and iframes

The loading="lazy" attribute for <img> and <iframe> elements blocks loading the external resource until the user scrolls to that element's part of the page.

Baseline Status: Achieved Widely Available on Jun 19, 2026 (Cross-browser Newly Available since Dec 19, 2023).

Desktop Browser Engine Support

Google Chrome

77

Supported

Mozilla Firefox

121

Supported

Apple Safari

16.4

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

77

Firefox Android

121

Safari iOS

16.4

Specifications and References

Specification ↗ Can I Use (loading-lazy-attr) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.HTMLIFrameElement.loading ↗ api.HTMLImageElement.loading ↗ html.elements.iframe.loading ↗ html.elements.img.loading ↗