Web Performance Skill
Expert assistance for web performance optimization.
Capabilities
- •Optimize Core Web Vitals
- •Run Lighthouse audits
- •Implement performance monitoring
- •Reduce bundle size
- •Optimize loading strategies
Core Web Vitals
typescript
// Measure CWV
import { onLCP, onFID, onCLS } from 'web-vitals';
onLCP(console.log);
onFID(console.log);
onCLS(console.log);
// LCP Optimization
// - Preload critical resources
// - Optimize images
// - Use SSR/SSG
// CLS Prevention
// - Reserve space for images
// - Use aspect-ratio
// - Avoid layout shifts
Target Processes
- •performance-optimization
- •lighthouse-audit
- •cwv-improvement