performance-optimization

The performance-optimization skill focuses on improving application efficiency by systematically identifying and addressing performance bottlenecks. It guides users to measure and analyze performance metrics before attempting any optimizations, ensuring that efforts are data-driven rather than speculative. By focusing on key indicators such as Core Web Vitals, load times, and response metrics, this skill helps prevent unnecessary complexity while improving user experience and meeting defined performance requirements.

Core features of this skill include a structured optimization workflow with distinct steps: measure, identify, fix, verify, and guard. It provides guidance for both frontend and backend environments, emphasizing the importance of synthetic testing tools like Lighthouse and real user monitoring with libraries such as web-vitals. Users can profile first page loads, interactions, page navigations, and backend API endpoints to pinpoint specific causes of slowness, from render-blocking resources to database query inefficiencies. The skill also highlights best practices for monitoring and regression prevention after optimizations.

This skill is ideal for developers, QA engineers, and performance specialists who are responsible for maintaining application speed and reliability. Typical use cases include situations where performance requirements are defined, regressions are suspected after code changes, Core Web Vitals scores are below target, or features need to handle large datasets or high traffic. It is also applicable in continuous integration environments where performance regressions must be automatically detected and addressed, helping teams maintain fast, responsive, and scalable applications.