The loading attribute in the img tag is used to control how and when images are loaded on a webpage.
<img src="image.jpg" loading="lazy">
When an image has the loading="lazy" attribute, the browser will defer loading the image until it is near the viewport.
This is especially useful for pages with many images that are not immediately visible. It helps reduce initial page load time and saves bandwidth, as images below the fold (the part of the page not initially visible) are not loaded until needed.
