performance - Web Performance Optimization
Optimize web loading speed, runtime efficiency, and resources based on Lighthouse audits
Tags
Updated: 2026-05-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- identify performance bottlenecks
- analyze code and assets
- optimize images
- optimize fonts
- optimize JavaScript
- optimize CSS
- enable compression
- configure caching
- implement code splitting
- configure preload
- configure lazy loading
- run Lighthouse audit
- measure performance metrics
- optimize critical rendering path
- use requestAnimationFrame
Inputs
- website URL
- source code
- web assets
Outputs
- performance report
- optimization recommendations
- code examples
- performance metrics
- before/after comparison
Requirements
- Lighthouse
- web browser
- HTTP/2 or HTTP/3 support