Lopsis

Lesson 4.1

Code splitting that pays off

Splitting only helps if the split-off code was genuinely not needed for the first screen. Analyse the bundle before you cut it.

Taught byMira KovacReact · Next.js · Web performance · Rendering
6m 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.

What this lesson covers

  • Read a bundle analysis and find the heavy dependency
  • Split along route and interaction boundaries
  • Avoid splitting code that is needed immediately anyway

This lesson sits in Bundle and Load Performance, part of React Performance Engineering. It assumes what came before it and leads directly into the next lesson in the module.

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

Resources