web-performance-optimization

Help developers optimize website and web application performance to improve user experience, SEO rankings, and conversion rates. This skill provides systematic approaches to measure, analyze, and improve loading speed, runtime performance, and Core Web Vitals metrics. I'll help you establish baseline metrics: Analyze performance problems: Focus on high-impact improvements: Apply performance improvements: Measure impact of changes: Symptoms: Good Lighthouse score on desktop, poor on mobile Solution: Symptoms: Long Time to Interactive (TTI), high FID Solution: Symptoms: High CLS score, content jumping Solution: Symptoms: High TTFB (Time to First Byte) Solution: Pro Tip: Focus on Core Web Vitals (LCP, FID, CLS) first - they have the biggest impact on user experience and SEO rankings! - Use when website or app is loading slowly - Use when optimizing for Core Web Vitals (LCP, FID, CLS) - Use when reducing JavaScript bundle size - Use when improving Time to Interactive (TTI) - Use when optimizing images and assets - Use when implementing caching strategies - Use when debugging performance bottlenecks - Use when preparing for performance audits - Run Lighthouse audits - Measure Core Web Vitals (LCP, FID, CLS) - Check bundle sizes - Analyze network waterfall - Identify performance bottlenecks - Large JavaScript bundles - Unoptimized images - Render-blocking resources - Slow server...