perf-cwv

perf-cwv

Catalogue généré le 2026-05-11

En une phrase

Audit complet des Core Web Vitals (LCP, INP, CLS) d'une page web avec diagnostic, plan correctif priorisé et budgets de performance recommandés.

Quand l'utiliser

• Avant la mise en ligne d'une landing marketing ou d'une page SEO critique
• Quand une page semble lente, lourde ou saccadée
• Quand le score Lighthouse plafonne et qu'on ne sait plus quoi optimiser
• Pour fixer des budgets perf clairs (JS, CSS, images, fonts) sur un projet
• Avant un sprint de polish performance pour prioriser les actions à fort impact

Comment l'invoquer

• Slash command : /perf-cwv
• Auto-invocation : ✅ Oui — quand une page est lente, lourde, ou avant livraison marketing/SEO

Description détaillée

Ce skill suit une procédure structurée en quatre temps. D'abord il mesure (via Lighthouse ou des données réelles si elles existent), puis il diagnostique chacune des trois métriques Core Web Vitals : le LCP (élément principal qui s'affiche, image hero, fonts, cache, SSR), l'INP (réactivité aux clics, hydration React/Vue, long tasks, taille de bundle) et le CLS (sauts visuels causés par des images sans dimensions, des fonts qui chargent tard, des injections dynamiques).

Ensuite il produit un plan d'actions priorisé en P0/P1/P2, avec les 5 chantiers à plus fort impact, et propose des budgets concrets pour ne pas laisser le projet regrasser après livraison. Il donne aussi des snippets prêts à coller (lazy loading, preload des ressources critiques, aspect-ratio pour les médias, code splitting).

Pour Thymon : c'est l'outil à dégainer quand un site fonctionne bien mais "rame", ou quand on veut s'assurer qu'une page marketing ne va pas couler au moment du lancement. Il est aussi utile en post-mortem si Lighthouse signale une régression après un déploiement.

Source

• Plugin : perso (standalone)
• Nom interne : perf-cwv
• Fichier : /home/thymon/.claude/skills/perf-cwv/SKILL.md