Setup & Installation
npx skills add https://github.com/addyosmani/web-quality-skills --skill performance
https://github.com/addyosmani/web-quality-skills/tree/main/skills/performance
View on GitHubWhat This Skill Does
Audits web performance against Lighthouse metrics and a fixed resource budget, then returns concrete fixes for loading, rendering, and runtime bottlenecks. Covers critical rendering path, image and font delivery, caching headers, and third-party script strategies.
Ties each fix to a specific Core Web Vital and gives ready-to-paste HTML, CSS, and JS snippets instead of abstract advice.
When to use it
- Cutting LCP on a hero image by switching to AVIF with fetchpriority high
- Replacing a full lodash import with per-function imports to shrink the JS bundle
- Setting Cache-Control immutable on hashed static assets and no-cache on HTML
- Deferring a chat widget until the user scrolls near the footer
- Batching DOM reads and writes to stop layout thrashing in a scroll handler