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.
Status
Baseline Widely Available (since 2026-06-19)
MDN documentation
Specifications
- HTML (#lazy-loading-attributes), from HTML Workstream (WHATWG).
Browser support (view on caniuse.com)
- Chrome 77 Released on 2019-09-10
- Chrome Android 77 Released on 2019-09-10
- Edge 79 Released on 2020-01-15
- Firefox 121 Released on 2023-12-19
- Firefox for Android 121 Released on 2023-12-19
- Safari 16.4 Released on 2023-03-27
- Safari on iOS 16.4 Released on 2023-03-27
Surveys
- State of HTML 2025 > performance > performance pain points limitations 1
- State of HTML 2025 > performance > performance pain points features
- State of HTML 2025 > performance > performance pain points
- State of HTML 2025 > performance > performance features
- State of HTML 2025 > features > all features
- State of HTML 2025 > all features > all features
- State of HTML 2024 > features > all features
- State of HTML 2024 > content > content features
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist