performance
✓Optimisez les performances Web pour un chargement plus rapide et une meilleure expérience utilisateur. À utiliser lorsqu'on vous demande « d'accélérer mon site », « d'optimiser les performances », de « réduire le temps de chargement », de « corriger le chargement lent », « d'améliorer la vitesse de la page » ou « d'auditer les performances ».
Installation
SKILL.md
Deep performance optimization based on Lighthouse performance audits. Focuses on loading speed, runtime efficiency, and resource optimization.
| Total page weight | < 1.5 MB | 3G loads in 4s | | JavaScript (compressed) | < 300 KB | Parsing + execution time | | CSS (compressed) | < 100 KB | Render blocking | | Images (above-fold) | < 500 KB | LCP impact | | Fonts | < 100 KB | FOIT/FOUT prevention | | Third-party | < 200 KB | Uncontrolled latency |
Format selection | Format | Use case | Browser support |
Optimisez les performances Web pour un chargement plus rapide et une meilleure expérience utilisateur. À utiliser lorsqu'on vous demande « d'accélérer mon site », « d'optimiser les performances », de « réduire le temps de chargement », de « corriger le chargement lent », « d'améliorer la vitesse de la page » ou « d'auditer les performances ». Source : addyosmani/web-quality-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/addyosmani/web-quality-skills --skill performance- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que performance ?
Optimisez les performances Web pour un chargement plus rapide et une meilleure expérience utilisateur. À utiliser lorsqu'on vous demande « d'accélérer mon site », « d'optimiser les performances », de « réduire le temps de chargement », de « corriger le chargement lent », « d'améliorer la vitesse de la page » ou « d'auditer les performances ». Source : addyosmani/web-quality-skills.
Comment installer performance ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/addyosmani/web-quality-skills --skill performance Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/addyosmani/web-quality-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01