performance-optimization

Identify performance bottlenecks from profiling data and validate improvements with repeatable measurements.

13|3|Updated May 12, 2026
One-click install
npx skills add https://github.com/kevinnft/ai-agent-skills --skill performance-optimization-kevinnft
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/kevinnft/ai-agent-skills/tree/main/skills/addyosmani/performance-optimization
Command: npx skills add https://github.com/kevinnft/ai-agent-skills --skill performance-optimization-kevinnft

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance optimization reduces wasted resources and improves user experience by identifying and addressing bottlenecks.

Core Features & Use Cases

  • Identify bottlenecks through measurement and profiling for frontend (LCP/CLS/INP) and backend performance across web apps, SPAs, and APIs.
  • Apply evidence-based fixes and validate improvements with repeated measurements and dashboards.
  • Establish performance budgets and CI checks to prevent regressions and maintain speed targets.

Quick Start

Profile the application to locate the bottleneck and implement a measured fix to boost performance.

Frequently Asked Questions about performance-optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify frontend performance bottlenecks using web vitals?

Identify frontend performance bottlenecks by profiling web vitals like LCP, CLS, and INP to pinpoint rendering delays. This approach uses measurement data to locate specific issues, guiding evidence-based fixes that measurably reduce load times and improve user experience.

What is the best way to optimize backend API performance?

The best way to optimize backend API performance is through systematic profiling to locate processing bottlenecks and applying measured fixes. This method requires access to performance metrics and validates improvements using repeated measurements to ensure workload speed targets are met.

How do I prevent performance regressions in web applications?

Prevent performance regressions in web applications by establishing performance budgets and integrating CI checks. These mechanisms monitor web vitals and backend metrics continuously, automatically flagging violations to maintain speed targets and prevent degraded user experiences.

Do I need profiling data to improve application performance?

Yes, profiling data is required to improve application performance effectively. This optimization approach relies on measurement and metrics to locate actual bottlenecks across frontend and backend workloads, ensuring applied fixes are validated through repeatable measurements rather than guesswork.

Can I apply performance optimization to single page applications?

Yes, performance optimization applies directly to single page applications (SPAs) alongside standard web apps and APIs. It targets SPA bottlenecks by measuring frontend web vitals and backend response times, guiding measurable improvements to reduce load times and elevate user experience.