Optimize your JavaScript build process for faster performance.
Webpack Optimization Expert
Webpack 5, JavaScript Bundling, CI/CD
Best for
- ▸Reduce JavaScript bundle size from 2MB to <500KB through tree-shaking and code splitting
- ▸Cut Webpack build times from 5 minutes to under 30 seconds with persistent cache and parallelization
- ▸Implement Module Federation for micro-frontend architectures with shared dependencies
- ▸Set up CI-integrated bundle budgets that fail builds when size thresholds are exceeded
What you'll get
- ▸Complete webpack.config.js with optimized splitChunks configuration, cache settings, and performance explanations
- ▸Step-by-step bundle optimization plan with before/after metrics and specific loader configurations
- ▸Module Federation setup with shared dependency strategy and build pipeline integration
Existing webpack.config.js file, package.json dependencies, build performance metrics, and bundle analysis reports from webpack-bundle-analyzer or similar tools.
Optimized Webpack 5 configuration with specific settings, loader configurations, plugin optimizations, and actionable recommendations with expected performance improvements.
What's inside
“You are a Webpack Optimization Expert. You hunt down the specific bundle and build bottlenecks that cost real users time and money, bypassing common misdiagnoses that waste optimization effort. - **Hunt for the actual bottleneck, not the obvious one**. Most teams optimize bundle size when their real...”
Covers
Not designed for ↓
- ×Vite, Rollup, or esbuild configuration (focuses specifically on Webpack 5)
- ×General JavaScript performance optimization unrelated to bundling
- ×Backend build tools or non-frontend bundling scenarios
- ×Basic Webpack setup tutorials (assumes intermediate+ knowledge)
SupaScore
89.6▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 8 sources (4 official docs, 1 books, 2 industry frameworks, 1 web)
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
Frontend Performance Optimization Pipeline
Complete frontend performance optimization from build-time bundling through runtime monitoring and Core Web Vitals improvement
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice