web-performance-optimization - Web Performance Optimization
Measure, analyze, 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
- Inspect bundle sizes
- Analyze network waterfalls
- Identify performance bottlenecks
- Prioritize high-impact optimizations
- Optimize images and assets
- Implement code splitting
- Add caching headers
- Lazy load resources
- Optimize rendering paths
- Defer third-party scripts
- Verify performance improvements
- Compare before-and-after metrics
Inputs
- Website source code
- Web application source code
- Build output
- Bundle statistics
- Image assets
- Performance metrics
- Network waterfall data
- Device profiles
- Network profiles
Outputs
- Performance audit results
- Identified bottlenecks
- Optimization recommendations
- Optimized code and configurations
- Before-and-after metrics
- Lighthouse score comparisons
- Real user metric observations