This skill empowers developers to transform slow-loading web applications into high-performance experiences by addressing critical bottlenecks. It provides a structured methodology for measuring performance baselines using Lighthouse, analyzing Core Web Vitals (LCP, FID, CLS), and implementing advanced techniques such as code splitting, modern image optimization, and caching strategies to improve SEO rankings and user retention. Whether you are debugging a slow TTI or preparing for a performance audit, this skill provides the agentic guidance needed to deliver production-grade optimization.
主要功能
01Critical rendering path and lazy loading implementation
02Automated Core Web Vitals analysis (LCP, FID, CLS)
03Advanced image optimization and modern format conversion
0431,432 GitHub stars
05JavaScript bundle size reduction and tree-shaking
06Performance audit and verification workflows
使用场景
01Fixing Cumulative Layout Shift (CLS) to improve Google search rankings
02Optimizing large React or Next.js bundle sizes for faster interactivity
03Reducing mobile page load times on slow 3G/4G networks