Browers now support the loading= attribute which allows you to specify if images should be lazy loaded:
<img src="image.png" loading="lazy" alt="…" width="200" height="200">
Options:
- “auto”
Default lazy-loading behavior of the browser (same as not including the attribute). - “lazy”
Defer loading of the resource until it reaches a calculated distance from the viewport. - “eager”
Load the resource immediately, regardless of where it’s located on the page.
