performance-optimization

Core Web Vitals measure user experience through Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift. This Skill automatically profiles these metrics, identifies bottlenecks like render-blocking resources and large bundles, and generates optimization strategies including code splitting, lazy loading, and caching to reduce load times on mobile and desktop.

Bundle optimization combines code splitting, lazy loading, and image optimization to decrease initial load time. This Skill analyzes your bundle composition, identifies unused code, splits routes into separate chunks, defers non-critical resources, and applies compression—directly addressing slow initial page loads and large bundles.

Yes. This Skill enforces performance budgets and integrates with CI/CD and monitoring tools to automatically measure and track Core Web Vitals on every build. It generates reports and recommendations without manual intervention, catching regressions early in development.

Image optimization reduces file sizes while preserving quality; CDN and caching strategies serve content from geographically distributed servers and store frequently accessed resources locally. This Skill applies both techniques automatically, improving load times on slow networks and reducing API response delays.

Yes. This Skill covers React and other JavaScript frameworks, with specific optimization recommendations for slow networks and mobile experiences. It profiles render-blocking resources, identifies large dependencies, and configures code splitting and lazy loading tailored to your tech stack.