Lazy Loading Images With Intersection Observer in React

Creating a Gatsby Image style custom React component

Photo by Katarzyna Grabowska on Unsplash

Lazy loading is a common performance optimization technique followed by almost all asset-heavy websites. We often come across web pages where a blurred version of the image loads up and is then followed up with a high-resolution image. Although the total time taken to load up the…