web-performance-optimization

Topics in the source

• Web Performance Optimization
• Overview
• When to Use This Skill
• How It Works
• Step 1: Measure Current Performance
• Step 2: Identify Issues
• Step 3: Prioritize Optimizations
• Step 4: Implement Optimizations

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. 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 I'll help you establish baseline metrics: Run Lighthouse audits Measure Core Web Vitals (LCP, FID, CLS) Check bundle sizes Analyze network waterfall Identify performance bottlenecks Analyze performance problems: Large JavaScript bundles Unoptimized images Render-blocking resources Slow server response times Missing caching headers Layout shifts Long tasks blocking main thread Focus on high-impact improvements: Critical rendering path optimization Code splitting and lazy loading Image optimization Caching strategies Third-party script optimization Apply performance improvements

This is an excerpt. Refer to the complete source and its current requirements.