Bundle Size

I profiled a React app that felt sluggish despite simple component logic. The problem wasn't the code we wrote, but the massive third-party libraries we imported. Here's how to diagnose and fix it.

Code splitting reduces initial load time, but only when applied at the right boundaries. Here is what worked when I measured it in practice.

Bundle size affects load time directly, but you need to measure what is truly in your bundle before you can meaningfully reduce it. Here is the process I use.