web-performance-optimization - Web Performance Optimization
Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring.
Tags
Updated: 2026-09-16Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Implement React route code splitting
- Configure Webpack bundle splitting
- Optimize responsive web images
- Implement service worker caching
- Monitor Core Web Vitals metrics
- Configure Nginx gzip compression
Inputs
- Web application source code
- Analytics API endpoint URL
- Nginx configuration file
Outputs
- Service worker cache entries
- Core Web Vitals performance metrics
- Compressed web server responses
Requirements
- Browser supporting PerformanceObserver API
- Browser supporting Service Worker API
- Nginx web server