<img loading="lazy" ... />
simply add the property to your html images and the browser will automatically load them when in the viewport (i.e. just the ones you actually see)
further details: https://caniuse.com/#feat=loading-lazy-attr
https://html.spec.whatwg.org/multipage/urls-and-fetching.htm...