Join egghead, unlock knowledge.

Want more egghead?

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock This Lesson
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    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.