Lazy loading is a concept where you delay the loading of the images. In order words, a technique that helps improve the page load time and reduce page size while still retaining all the images on the page. Lazy Loading works on the principle that an item on the page should not be loaded if it is not needed.
When a user visits one of your webpages, the images will load only as they come into view when the user scrolls down. This means that the images at the bottom of your pages won’t load until your user actually scrolls all the way down there.
Here is an animation to understand how Lazy Load works.
This decreases the page load speed when the visitor first gets on the page. And you can save save bandwidth by “lazy loading” all of your images.