A Brief Guide to Lazy Loading Images with the Intersection Observer API

Lazy loading means load items on the webpage at a later stage when the user is about to see or interact with a particular item.

What is lazy loading?

Lazy loading means load items on the webpage at a later stage when the user is about to see or interact with a particular item.

Why is it useful?

Suppose you have an online store website, where you display thousands of the products to the users. When the page is loaded you show only 10 to 20 products in the viewports and hence load images for them but then you would not want to load the images of the products which are at the bottom because

if we load those images upfront and the user doesn’t scroll down to see those images then that would be a wastage of browser resources and unnecessary data consumption to download those resources.

lazy-loading javascript-tips javascript

The essential JavaScript concepts that you should understand - For successful developing and to pass a work interview

You may not know about these tips 7 Simple JavaScript Tips for Optimizing Your Code

In this article, I am going to talk about Javascript Pro Tips. Please learn how to write solid modern Javascript and avoid bad code from the olden days.

JavaScript Shopping Cart - javascript shopping cart tutorial for beginnersBuy me a coffee 🍺 https://www.paypal.com/paypalme/ziddahSource Code: https://bit....

The main goal of this article is help to readers to understand that how memory management system performs in JavaScript. I will use a shorthand such as GC which means Garbage Collection. When the browsers use Javascript, they need any memory location to store objects, functions, and all other things. Let’s deep in dive that how things going to work in GC.