Lazy load Images using Intersection Observer API

Some apps contain several images that are not visible from the beginning. When the user scrolls, then they’re visible. However, those images will be loaded by default from the beginning, lowering down the initial load.

In this lesson we’ll create a LazyImage component that uses the Intersection Observer API in order to lazy load the image when it gets into the viewport.