Bundle Size Analyzer

Analyze and reduce JavaScript bundle sizes. Identifies heavy dependencies, suggests tree-shaking opportunities, recommends lighter alternatives, and implements code splitting strategies for webpack, Vite, and esbuild.

This skill helps you understand what's in your JavaScript bundles and how to make them smaller. It analyzes bundle composition, finds duplicate dependencies, suggests dynamic imports for code splitting, and recommends lighter alternatives to heavy libraries.

When to use

Use when your bundle is too large, initial load time is slow, you want to implement code splitting, or you need to audit which dependencies are adding the most weight.

Examples

Reduce bundle size

Find and eliminate the heaviest dependencies

My production bundle is 1.8MB — analyze it and suggest how to get it under 500KB

Code splitting strategy

Implement route-based and component-based code splitting

Set up code splitting for my React app so each route loads only what it needs