Phase 16 · Performance

Topics

Lazy Loading

Part of the Frontend Developer Roadmap.

Summary

Deferring the loading of non-critical resources — images, routes, components — until they're actually needed, to speed up initial page load.

How to Learn This

  • 1Audit a page for below-the-fold images and lazy-load them.
  • 2Lazy-load a heavy, rarely-used component or route with a dynamic import.
  • 3Measure the before/after impact using Lighthouse.
InsideEdge

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download
InsideEdge