Image lazy loading defers the loading of an image that isn’t currently visible in the viewport. Such an image will be loaded only when the user scrolls and the image becomes visible. Using this technique, we can gain better performance and load time.

Today modern browsers added native support for lazy loading images, and we can benefit from it by adding one simple attribute to our img element:

#angular