performance

Q: How do I install performance?

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

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performan…

addyosmani ↓ 24k

Claude Code

View source ↗

What it does

TTFB < 800ms. Time to First Byte should be fast. Use CDN, caching, and efficient backends.
Enable compression. Gzip or Brotli for text assets. Brotli preferred (15-20% smaller).
HTTP/2 or HTTP/3. Multiplexing reduces connection overhead.
Edge caching. Cache HTML at CDN edge when possible.

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

Source

Repository: https://github.com/addyosmani/web-quality-skills

performance FAQ

What does the performance skill do?

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit". TTFB < 800ms. Time to First Byte should be fast. Use CDN, caching, and efficient backends. Enable compression. Gzip or Brotli for text assets. Brotli preferred (15-20% smaller).

How do I install performance?

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

Maintain performance?

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 on getagentictools](https://getagentictools.com/badge/skills/addyosmani-web-quality-skills-performance.svg)](https://getagentictools.com/skills/addyosmani-web-quality-skills-performance?ref=badge)

npx agentictools info skills/addyosmani-web-quality-skills-performance

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