What makes lazy loading so special that over 3,000,000 websites worldwide utilize it? Lazy loading is a technique used by websites to improve their performance. Instead of loading all the content on a page at once, the website only loads the content that is visible to the user. This improves the user experience and reduces the amount of data that needs to be transferred.

To understand more about lazy loading lets go back to the beginning of the web era, where websites didnt have any designs at all. They were just plain text because HTML or any other markup language didnt allow creating layouts. Also, people had limited internet access, and the connections were also pretty slow. Websites were built pretty basic taking all of these factors into consideration.

Look at CERNs website that went live in November 1992. This was the very first website and completely text based. The default blue hypertext was the only splash of color. Setting up a page and getting it live was a big task on its own, during those times.

But as time passed websites started getting more colorful and interactive. And, websites today are created as per our imagination without any restrictions. To an extent that they are looked up as pieces of art. This is possible because of new technologies like HTML5, CSS3, and JavaScript.

The increase in design and interactions have naturally led to increase in the page sizes. The average web page weight has grown to 3719kB as of 2022. Out of which images and videos make up nearly 78%. It takes a lot of time to completely download and render the whole website on the users screen.

Thats when lazy loading comes to play! Lets discover the What(s), How(s) and Why(s) of Lazy Loading in detail.