Back to skills

performance

development

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 fo

Setup & Installation

npx skills add https://github.com/addyosmani/performance --skill performance
or paste the link and ask your coding assistant to install it
https://github.com/addyosmani/performance
View on GitHub

What 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

  • Working with performance functionality
  • Implementing performance features
  • Debugging performance related issues