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.