Google Chrome will soon support something called LazyLoad, a feature that allows browsers to delay the loading of out-of-view images and iframes until the user scrolls near them, shared Scott Little, a Chromium developer yesterday.
Why LazyLoad is introduced?
Very often, web pages have images and other embedded content like ads placed below the fold and users don’t always end up scrolling all the way down. LazyLoad tries to take the advantage of this behavior to optimize the web browser by loading the important content much faster and hence reducing the network data and memory usage.
LazyLoad waits to load images and iframes that are out of view until the user scrolls near them. It is up to the browser to decide exactly how “near”, but it should typically start loading the out-of-view content some distance before the content comes in view.
The LazyLoad solution will be supported on all platforms. Web pages just need to use loading=”lazy” on the img and iframe elements. For Android Chrome users who have Data Saver turned on, elements with loading=”auto” or unset will also be lazily loaded if Chrome finds them to be good candidates for lazy loading based on heuristics. If you set loading=”eager” on the image or iframe element they will not be lazily loaded.
To read more in detail about LazyLoad, check out its GitHub repository.