Lazy-loading images and iframesBaseline · Widely available
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.
Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Dec 19, 2023. Widely available since Jun 19, 2026.
Browser support
DesktopChrome
1–76Not supported
77+Supportedsince Sep 10, 2019
Current: 155Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154Firefox
1–120Not supported
121+Supportedsince Dec 19, 2023
Current: 157Safari
1–16.3Not supported
16.4+Supportedsince Mar 27, 2023
Current: 27MobileChrome Android
18–76Not supported
77+Supportedsince Sep 10, 2019
Current: 155Firefox Android
4–120Not supported
121+Supportedsince Dec 19, 2023
Current: 157Safari iOS
1–16.3Not supported
16.4+Supportedsince Mar 27, 2023
Current: 27How to use
This feature is Baseline widely available — use it freely, no fallback needed.
Example
HTML
<img src="photo.jpg" alt="…" width="800" height="600" loading="lazy"> <iframe src="https://www.example.com/embed" loading="lazy"></iframe>
Feature detection
JS · check before using
if ("HTMLIFrameElement" in globalThis && "loading" in HTMLIFrameElement.prototype) {
// HTMLIFrameElement.loading is available
}Specification
Usage share
Sub-features
Support for each part of the feature (4). The overall table above shows when the whole feature works.
| Sub-feature | Chrome | Edge | Firefox | Safari | Chrome Android | Firefox Android | Safari iOS |
|---|---|---|---|---|---|---|---|
| HTMLIFrameElement.loading | 77 | 79 | 121 | 16.4 | 77 | 121 | 16.4 |
| HTMLImageElement.loading | 77 | 79 | 75 | 15.4 | 77 | 79 | 15.4 |
| iframe.loading | 77 | 79 | 121 | 16.4 | 77 | 121 | 16.4 |
| img.loading | 77 | 79 | 75 | 15.4 | 77 | 79 | 15.4 |