Lazy Loading using Intersection Observer

INTERSECTION OBSERVER

BASICS:
What is Lazy Loading?
Lazy loading is a technique for waiting to load certain parts of a webpage like images until they are needed. Instead of loading everything all at once, known as “eager” loading, the browser does not request certain resources until the user interacts in such a way that the resources are needed. When implemented properly, lazy loading can speed up page load times.
Advantages of Lazy Loading:
1. Speeds up page load time: Since …

browser everything images intersection parts request resources what is