coding · Cursor · free
My JS bundle is too big. Tell me exactly what to cut and how. Bundler: [Vite / webpack / esbuild / Turbopack] Framework: [React 19 / Vue 3 / Svelte / vanilla] Current bundle size: [KB gz / KB uncompressed] Target: [KB gz] Analyzer output / stats.json: [PASTE OR ATTACH] Walk me through: 1. The top 5 modules by size — is each one paying rent? 2. Duplicate dependencies (different versions of the same package) — the fix 3. Barrel file imports that pulled in the whole lodash/date fns/aws sdk — the correct sub path 4. Dependencies that ship both ESM + CJS and got the wrong one — the resolve/alias fix 5. Polyfills for browsers I don't support (my target: [BROWSERSLIST]) 6. Code split candidates ranked by (byte savings) × (route hit rate) 7. sideEffects in package.json — where mine is wrong, blocking tree shaking 8. What CANNOT be cut and why — so I stop trying End with the expected new size + which change delivers the biggest single win.
#performance #bundle-size #frontend