I'm really excited about the upcoming
loading attribute in HTML.
<img src="example.jpg" loading="lazy" alt="example" /> <iframe src="example.html" loading="lazy"></iframe>
Lazy loading in this case refers to delaying the loading of certain content until the user is near that content on a page. If they never scroll to the content, it is never loaded.
The loading attribute takes three possible arguments:
- lazy: Candidate for lazy loading.
- eager: Load right away.
- auto: This is the equivalent to not having the attribute.
This new attribute lets that happen without getting in the way.
It will be available in Chrome 75 and can be turned on already by visiting
This is a draft of spec changes to support a lazyload attribute in iframe and img elements.
Issue: #2806 Tests: https://chromium-review.googlesource.com/c/chromium/src/+/1417117 (wpt export)
How do you feel about this?