This skill provides a systematic framework for developers to diagnose and resolve performance bottlenecks in modern web applications. It guides users through a five-step process—Measure, Identify, Prioritize, Implement, and Verify—to improve critical metrics like Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). By offering actionable patterns for code splitting, image optimization using WebP/AVIF, and critical rendering path improvements, it helps teams deliver faster user experiences, achieve higher Lighthouse scores, and improve search engine rankings.
主な機能
01Advanced image optimization and responsive asset strategies
021 GitHub stars
03Core Web Vitals auditing and optimization (LCP, FID, CLS)
04Implementation of lazy loading and route-based code splitting
05JavaScript bundle size analysis and reduction techniques
06Critical rendering path and caching strategy improvements
