How We Reduced Our Bundle Size by 60%

Our main bundle was 480KB gzipped. First load on a mid-tier phone was brutal. We got it to 190KB with three changes.

1. Evict the heavyweights

moment with all locales was 70KB alone. We swapped to a 6KB date helper.

2. Split by route

const Settings = lazy(() => import("./Settings"));

The settings page is huge and rarely the first thing a user opens. Splitting it moved 90KB off the critical path.

3. Kill the barrel file

A single index.ts re-exporting everything defeated tree-shaking — importing one icon pulled the whole set. We imported deep paths instead.