perf-cwv
perf-cwv
Catalogue généré le 2026-05-11
En une phrase
Audit et plan d’optimisation Core Web Vitals (LCP/INP/CLS) + budgets. À utiliser quand une page est lente, lourde, ou avant livraison marketing/SEO.
Quand l'utiliser
- Voir la description ci-dessus et la section « Pour aller plus loin ».
Comment l'invoquer
- Slash command :
/perf-cwv(si exposé dans ton CLI) - Phrases déclencheurs : voir la description complète ci-dessous
- Auto-invocation : sur demande explicite
Pour aller plus loin
Performance — Core Web Vitals (CWV)
Objectif
Réduire LCP/INP/CLS, améliorer perf perçue, définir budgets, proposer fixes priorisés.
Procédure
- Mesurer (Lighthouse / field data si dispo)
- Diagnostiquer :
- LCP : élément LCP, image hero, fonts, SSR/streaming, cache
- INP : handlers lourds, hydration, long tasks, listeners, bundle
- CLS : médias sans dimensions, injections tardives, fonts, UI dynamiques
- Fix plan :
- Top 5 actions (impact fort)
- Budgets (JS/CSS/images/fonts)
- Vérifier après fixes (re-run)
Output attendu
- Diagnostic LCP / INP / CLS (causes probables)
- Plan priorisé (P0/P1/P2)
- Budgets recommandés
- Snippets (lazy, preload, aspect-ratio, split)
Source
- Plugin :
perso (standalone) - Nom interne :
perf-cwv - Fichier :
/home/thymon/.claude/skills/perf-cwv/SKILL.md