LESSON 4.1
Code splitting that pays off
Learn key techniques and workflows in React Performance Engineering.
5m
advanced
3,970 students
Overview
Splitting only helps if the split-off code was genuinely not needed for the first screen. Analyse the bundle before you cut it.
In this lesson you will:
- Read a bundle analysis and find the heavy dependency
- Split along route and interaction boundaries
- Avoid splitting code that is needed immediately anyway
Pro Tip
Use caching and revalidation wisely to ensure your app stays fast and data remains fresh without unnecessary requests.