performance-optimization

Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or when Cor…

addyosmani 80k ↓ 15k MIT updated 26d ago
Claude Code
View source ↗

What it does

  • Performance requirements exist in the spec (load time budgets, response time SLAs)
  • Users or monitoring report slow behavior
  • Core Web Vitals scores are below thresholds
  • You suspect a change introduced a regression
  • Building features that handle large datasets or high traffic
  • Synthetic (Lighthouse, DevTools Performance tab): Controlled conditions, reproducible. Best for CI regression detection and isolating specific issues.
  • RUM (web-vitals library, CrUX): Real user data in real conditions. Required to validate that a fix actually improved user experience.

Requirements & configuration

  • | Metric | Good | Needs Improvement | Poor |

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or when Core Web Vitals or load times need improvement. Use when profiling reveals bottlenecks that need fixing.

Source

Repository: https://github.com/addyosmani/agent-skills

performance-optimization FAQ

What does the performance-optimization skill do?

Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks. Performance requirements exist in the spec (load time budgets, response time SLAs) Users or monitoring report slow behavior

What does performance-optimization require?

| Metric | Good | Needs Improvement | Poor |

How do I install performance-optimization?

Run: npx -y skills add https://github.com/addyosmani/agent-skills --skill performance-optimization --agent claude-code — the source lives at github.com/addyosmani/agent-skills.

Maintain performance-optimization?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

performance-optimization on getagentictools
[![performance-optimization on getagentictools](https://getagentictools.com/badge/skills/addyosmani-agent-skills-performance-optimization.svg)](https://getagentictools.com/skills/addyosmani-agent-skills-performance-optimization?ref=badge)
npx agentictools info skills/addyosmani-agent-skills-performance-optimization

The second line is the CLI lookup for this page — handy in READMEs and docs.