First of all, what is lazy loading?

Lazy Loading, also know as Deferring Offscreen Images or Asynchronous Loading is a method implemented on websites to improve their page speed.

Let me give you an example of how this works:

When the above web page loads, all images/graphics and text are loaded in one go. This slows down the website. The box marked “1” is the only thing a visitor sees before they decide to scroll down. With lazy loading implemented, the loading of the image below the box is delayed.

This is beneficial because:

Sumesh Desh

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store