Web Development

Google Chrome will soon support LazyLoad, a solution to lazily load below-the-fold images and iframes

2 min read

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.

Currently, there are few JavaScript libraries that can be used for lazy loading images or other kinds of content. But, natively supporting such feature in the browser itself will make it easier for websites to take advantage of lazy loading. Additionally, with this feature browsers will be able to automatically find and load content that are suitable for lazy loading.

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.

Read Next

Google’s Cloud Healthcare API is now available in beta

Ian Goodfellow quits Google and joins Apple as director of machine learning

Google dissolves its Advanced Technology External Advisory Council in week after repeat criticism on selection of members

 

Bhagyashree R

Share
Published by
Bhagyashree R

Recent Posts

Top life hacks for prepping for your IT certification exam

I remember deciding to pursue my first IT certification, the CompTIA A+. I had signed…

3 years ago

Learn Transformers for Natural Language Processing with Denis Rothman

Key takeaways The transformer architecture has proved to be revolutionary in outperforming the classical RNN…

3 years ago

Learning Essential Linux Commands for Navigating the Shell Effectively

Once we learn how to deploy an Ubuntu server, how to manage users, and how…

3 years ago

Clean Coding in Python with Mariano Anaya

Key-takeaways:   Clean code isn’t just a nice thing to have or a luxury in software projects; it's a necessity. If we…

3 years ago

Exploring Forms in Angular – types, benefits and differences   

While developing a web application, or setting dynamic pages and meta tags we need to deal with…

3 years ago

Gain Practical Expertise with the Latest Edition of Software Architecture with C# 9 and .NET 5

Software architecture is one of the most discussed topics in the software industry today, and…

3 years ago