| name | bundle-optimization |
| description | Bundle analysis, code splitting, tree shaking, and size optimization. |
| allowed-tools | Read, Write, Edit, Bash, Glob, Grep |
| graph | {"domains":["domain:web-development"],"specializations":["specialization:web-development"],"skillAreas":["skill-area:web-performance","skill-area:asset-pipeline"],"roles":["role:frontend-engineer"],"topics":["topic:tree-shaking","topic:code-splitting"]} |
Bundle Optimization Skill
Expert assistance for JavaScript bundle optimization.
Capabilities
- Analyze bundle size
- Implement code splitting
- Configure tree shaking
- Optimize dependencies
- Set up lazy loading
Analysis
npx webpack-bundle-analyzer stats.json
npx source-map-explorer dist/*.js
Code Splitting
const Dashboard = lazy(() => import('./pages/Dashboard'));
const { Chart } = await import('chart.js');
Target Processes
- bundle-optimization
- performance-improvement
- build-optimization