web-performance-optimization

Systematic approach to measuring, analyzing, and improving website loading speed and Core Web Vitals. 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! - Covers five-step optimization workflow: establish baseline metrics with Lighthouse, identify bottlenecks (bundle size, images, render-blocking resources), prioritize high-impact fixes, implement improvements, and verify results - Addresses Core Web Vitals (LCP, FID, CLS) with specific code examples for image optimization, code splitting, lazy loading, and layout shift prevention - Includes bundle size reduction strategies: replace heavy dependencies, implement code splitting, remove dead code, and...