web-performance-optimization - Optimize website and web application performance
Measure, diagnose, and improve loading speed, Core Web Vitals, bundle size, caching, assets, and runtime performance.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Measure baseline performance
- Run Lighthouse audits
- Analyze Core Web Vitals
- Analyze bundle sizes
- Inspect network waterfalls
- Identify performance bottlenecks
- Optimize critical rendering paths
- Implement code splitting
- Optimize images and assets
- Add caching headers
- Lazy load resources
- Verify optimization results
Inputs
- Website source code
- Web application source code
- Performance metrics
- Bundle analysis data
- Network waterfall data
- Asset files
- Caching configuration
- Device and network profiles
Outputs
- Performance audit report
- Optimization recommendations
- Updated asset configurations
- Updated loading strategies
- Before-and-after performance metrics
- Performance test results