On a webpage, images can be present at the top, middle, and bottom of the page.
In fact, A webpage like a blog post can have 100s of images.
If we try to load all those 100s of images in a single go, the webpage takes forever to load.
If it takes forever to load, the user will move on to another website and you’ve lost a potential customer.
So, to avoid this issue, it is ideal to load images only when their need comes.
Simply put, they must be loaded only when the user passes through their location on the web page.
So, it is okay to load the images at the top of the page as soon as the user visits the page.
But images located halfway down the page must be loaded only when the user starts scrolling down the webpage to their location.
In other words, we have to load images on demand.
This on-demand way of loading images is called Lazy loading images.
Newer versions of WordPress support Lazy loading by default.
So, you don’t have to do anything if you’re okay with not supporting older browsers.
But if you want to support older browsers as well, use a plugin like Perfmatters.
