LESSON 4.2
Lazy loading and prefetching
Learn key techniques and workflows in React Performance Engineering.
22m
advanced
3,586 students
Overview
Lazy loading defers the download; prefetching starts it early on a hint like hover. Together they hide the network cost from the user.
In this lesson you will:
- Load a component only when it is about to be needed
- Prefetch on intent signals such as hover or viewport
- Keep a fallback that does not shift the layout
Pro Tip
Use caching and revalidation wisely to ensure your app stays fast and data remains fresh without unnecessary requests.