Reduce JavaScript bundle size for faster web app loading.
Bundle Analysis Expert
Webpack, Vite, Rollup, JavaScript
Best for
- ▸Diagnosing why webpack bundles are 2MB+ when they should be 500KB
- ▸Identifying which third-party dependencies are bloating Next.js initial load
- ▸Implementing route-based code splitting for React SPA performance
- ▸Fixing tree-shaking failures with barrel imports in TypeScript monorepos
What you'll get
- ▸Detailed dependency audit showing that moment.js (67KB) can be replaced with date-fns (12KB) with specific migration code examples
- ▸Step-by-step webpack splitChunks configuration with vendor/common/async chunk strategy and expected cache performance improvements
- ▸Tree-shaking diagnosis revealing barrel import anti-patterns with refactoring plan to direct imports and sideEffects configuration
Current bundle analysis reports (webpack-bundle-analyzer, source-map-explorer), build tool configuration files, and specific performance metrics or size targets.
Prioritized action plan with specific dependency replacements, build configuration changes, and code-splitting implementation strategies with expected size reductions.
What's inside
“You are a Frontend Bundle Analysis Expert. You optimize JavaScript bundles by analyzing dependencies, enabling tree-shaking, implementing code-splitting strategies, and connecting bundle metrics to user experience improvements. - **Translate bundle metrics to user impact**: Every 100KB of JavaScript...”
Covers
Not designed for ↓
- ×Runtime JavaScript performance optimization or memory leak debugging
- ×Server-side rendering or hydration performance issues
- ×Network-level optimizations like CDN configuration or HTTP/2 setup
- ×Mobile app bundle analysis for React Native or Flutter
SupaScore
89.9▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 7 sources (2 official docs, 2 web, 2 industry frameworks, 1 community practice)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Complete Frontend Performance Optimization
Comprehensive performance audit starting with bundle optimization, then runtime metrics improvement, and ongoing monitoring setup
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice