Web Vitals

Ce que fait ce skill

• Note 7 catégories de 0 à 100 (performance, accessibilité, bonnes pratiques, SEO, sécurité, mobile, confidentialité)
• Récupère lui-même les données de mesure quand l'environnement le permet : API PageSpeed Insights (labo + terrain CrUX en un seul GET), en-têtes curl pour la sécurité, récupération du HTML, en option CLI Lighthouse/SSL Labs — ne demande à l'utilisateur qu'en repli
• Obtient automatiquement l'autorisation pour les commandes de mesure/lecture nécessaires (y compris une installation optionnelle comme npx lighthouse) et, une fois accordée, s'exécute de façon autonome jusqu'au rapport final — site autorisé uniquement, rien de destructif
• Sépare proprement les données de terrain (CrUX : LCP/INP/CLS/FCP/TTFB, p75) du labo (Lighthouse) — le « CWV réussi » compte le terrain
• Score de performance transparent : courbe log-normale par métrique, pondérations TBT 30/LCP 25/CLS 25/FCP 10/SI 10 (v10+, TTI abandonné)
• Fournit des Opportunities (gain estimé) et des Diagnostics (élément LCP, sources de CLS, thread principal, DOM, TTFB)
• Mobile-first par défaut (mobile-first indexing, condition la plus dure) — desktop en plus sur demande
• Vérifie la sécurité comme Mozilla Observatory/SSL Labs (TLS, CSP, HSTS, drapeaux de cookies, SRI, contenu mixte)
• Vérifie l'accessibilité WCAG 2.2 (note : l'automatisation n'en couvre qu'une partie), le SEO technique et les bonnes pratiques (dont CSP-contre-XSS, API obsolètes)
• Mobile/responsive et RGPD/confidentialité (consentement, traceurs, SPF/DKIM/DMARC) — adapté au marché DACH
• Constats par gravité avec correctifs concrets ; distingue mesuré et estimé — n'invente aucun chiffre
• Vérification live au mieux avec accès web/outil ; tableau de scores global + actions priorisées par levier
• Donne un correctif compact en une phrase par constat (levier concret) ; avec accès web/outil, recherche la solution actuelle en live (web.dev/doc officielle) pour les cas particuliers
• Évalue chaque correctif par une force de recommandation (obligatoire/recommandé/selon le cas/optionnel) et indique s'il est pertinent dans ce contexte ; pour les changements risqués (p. ex. CSP/HSTS), une note effort/risque + tester en staging — ne promet rien qui puisse casser

Description

Web Vitals est un skill pour les audits de sites web — il note un site dans sept catégories de 0 à 100 (performance/Core Web Vitals, sécurité, SEO, accessibilité, bonnes pratiques, mobile, confidentialité) et fournit un correctif concret pour chaque constat. Un audit de site web complet qui rassemble la logique de contrôle des sources établies et la traduit en catégories claires notées chacune de 0 à 100. La performance repose sur les Core Web Vitals (LCP bon ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1) plus des métriques de labo (FCP, Speed Index, TBT, TTI, TTFB), pondérées comme Lighthouse 10+ (TBT 30 %, LCP 25 %, CLS 25 %, FCP 10 %, SI 10 % ; TTI abandonné, chaque métrique ramenée à 0–100 via une courbe log-normale). L'accessibilité vérifie les critères WCAG 2.2 (contraste, textes alternatifs, libellés, clavier/focus, ARIA, titres, langue, tailles de cible). Les bonnes pratiques couvrent HTTPS, erreurs de console, tailles d'images, bibliothèques obsolètes/vulnérables et contenu mixte. Le SEO couvre title/meta, titres, indexabilité (robots.txt, sitemap, crawl), canonical, données structurées, compatibilité mobile et hreflang. La sécurité évalue TLS/certificat (style SSL Labs) et les en-têtes de sécurité (CSP, HSTS, X-Content-Type-Options, Referrer/Permissions-Policy, COOP/COEP/CORP, X-Frame-Options), les drapeaux de cookies (Secure/HttpOnly/SameSite), le contenu mixte et la Subresource Integrity dans l'esprit de Mozilla Observatory/securityheaders.com. Mobile & responsive vérifie le viewport, la mise en page, les zones tactiles et les tailles de police ; confidentialité/RGPD (bonus DACH) vérifie le consentement aux cookies avant tout pistage, les traceurs tiers, la politique de confidentialité/mentions légales et l'authentification e-mail (SPF/DKIM/DMARC). Principe d'honnêteté : valeurs mesurées uniquement depuis des sources réelles (Lighthouse/PageSpeed/WebPageTest/scan d'en-têtes ou vérification live au mieux avec accès web/outil), sinon une analyse statique/heuristique à partir du HTML/en-têtes fournis — jamais de chiffres inventés ; les données de terrain (CrUX, p75) et de labo sont distinguées. Sortie : tableau de scores, constats par catégorie avec gravité et correctif, actions priorisées (impact × effort) et base de données/limites indiquées. Sites autorisés uniquement, pas de test d'intrusion. Synergie : mesure réelle via Lighthouse/SSL Labs, évaluation A/B via l'A/B Test Auditor, correctifs de code via Code Reviewer Pro.

Exemples

Ce qu’il ne fait pas

• N'invente aucune valeur de métrique ; sans données réelles, clairement marqué comme estimation/heuristique
• Ne scanne aucun site tiers/non autorisé ; pas de tests d'intrusion ni d'exploits
• Ne remplace pas une mesure réelle (Lighthouse/PageSpeed/WebPageTest/SSL Labs)
• Ne remplace pas un examen juridique (RGPD/mentions légales sont des indications)
• Ne promet pas de correctifs sans risque : les changements cassants (CSP, HSTS, SameSite) viennent avec un avertissement et une recommandation de test plutôt qu'un MUST général

Compatibilité & technique

Testé (interne)

4 scénarios

Runtime recommandé

Le modèle le plus puissant disponible ; le plus efficace avec un accès web/outil pour récupérer en live la page et les en-têtes.

Modes

Audit complet · Catégorie unique · Interpréter des données · Liste de correctifs priorisée · Ré-audit/comparaison

Entrées

URL · JSON Lighthouse / résultat PageSpeed (terrain + labo) · Code source HTML · Dump d'en-têtes HTTP · Résultat WebPageTest · optionnel : catégorie ciblée, appareil (par défaut mobile)

Format de sortie

Tableau de scores (7 catégories de 0 à 100 + feu tricolore) avec les valeurs Core Web Vitals, constats par catégorie (gravité + correctif concret + force de recommandation + effort/risque le cas échéant), actions priorisées (impact × effort), base de données & limites indiquées

Sous-catégorie

Performance & audit

Licence

Proprietär

Profil de sécurité

Contenu livré

• web-vitals-1.9.1/7 fichiers
  • .claude-plugin/marketplace.json
  • plugins/web-vitals/skills/web-vitals/7 fichiers

    • SKILL.md
    • manifest.json
    • assets/1 fichier

      • web-vitals-card-sample.svg
    • references/3 fichiers

      • thresholds.md
      • web-vitals-backlog-and-card.md
      • web-vitals-checklist.md
    • scripts/1 fichier

      • render-web-vitals-card.mjs
  • .agents/skills/web-vitals/→ universel — même contenu (Codex, Cursor, Copilot, Gemini, Windsurf, Cline)
  • LICENSE.txt

Installation

Aussi comme prompt de chat

Remarque

Le skill mesure de lui-même : il nomme les commandes nécessaires (API PageSpeed/curl/en option Lighthouse), obtient UNE FOIS ton autorisation puis s'exécute automatiquement jusqu'au rapport. Sur les hôtes avec shell/réseau (Claude Code, etc.), cela se fait directement ; en chat pur, une seule invite avec commandes à copier-coller suffit. Sites autorisés uniquement.

Journal des modifications

• v1.9.101.07.2026Couleurs de la carte de score plus justes : bandes par catégorie selon l'atteignabilité réaliste (Performance et confidentialité/RGPD plus difficiles à maximiser), dégradé continu rouge→ambre→vert au lieu des paliers 90/50 — les scores faibles restent rouges ; option `bands` par exécution. De plus : les seuils/règles sont marqués comme un instantané daté — vérifier les valeurs Core Web Vitals actuelles à la source officielle (web.dev/Chrome/PageSpeed) et citer la date de consultation.
• v1.9.026.06.2026Renforcement opérationnel (projeté depuis le skill jumeau Web AI Vitals) : les audits complets se terminent désormais par un backlog de tâches obligatoire — chaque tâche avec priorité (P0–P3), critère d'acceptation, vérification (p. ex. relancer Lighthouse, un contrôle d'en-tête curl, un vérificateur de contraste), effort et risque — au lieu d'une simple liste d'actions. Plus une carte de résultats SVG partageable (score avec date, appareil/base de données, les 7 catégories, une ligne Core Web Vitals optionnelle et le top 3 — honnête : les scores faibles restent rouges) via un script de rendu fourni.
• v1.8.022.06.2026Sortie native à la plateforme : utilise désormais activement le formatage natif de votre plateforme — tableaux, listes de contrôle, blocs de code et options cliquables/boutons, avec repli numéroté sur les plateformes non interactives. Et des métadonnées internes qui préparent le futur constructeur d'agents.
• v1.7.018.06.2026Refonte au standard AUTHORING v2 : exemples entrée/réponse réalistes (dont un cas de calibrage), checklist(s) à copier et évaluations internes ; renvois croisés ajoutés.
• v1.6.018.06.2026Ajout de references/thresholds.md : référence détaillée (divulgation progressive) ; le SKILL.md reste concis.
• v1.5.010.06.2026Exécution auto avec autorisation : le skill nomme proactivement les commandes de mesure/lecture nécessaires (en-têtes curl, API PageSpeed, en option npx lighthouse avec installation), obtient UNE FOIS l'autorisation de l'utilisateur (tout autoriser ou étape par étape ; site autorisé uniquement, rien de destructif), puis s'exécute de façon autonome jusqu'au rapport final. Ne se rabat sur une unique invite copier-coller que sur les hôtes non exécutants.
• v1.4.010.06.2026Collecte automatique des données avec une échelle de capacités : le skill récupère lui-même les données de mesure quand l'environnement le permet — API PageSpeed Insights (un seul GET renvoie labo + terrain CrUX), curl -sIL pour les en-têtes de réponse/sécurité, récupération du HTML, en option l'API SSL Labs et le CLI Lighthouse ; ce n'est qu'en repli qu'il demande les sorties à l'utilisateur (avec les commandes exactes). Mesuré-vs-estimé reste signalé.
• v1.3.010.06.2026id raccourci en « web-vitals ». Recommandations conscientes du contexte & du risque : par correctif une force de recommandation (obligatoire/recommandé/selon le cas/optionnel) + une note indiquant si c'est pertinent dans le contexte ; changements cassants (CSP bloque des tiers → tester en Report-Only ; HSTS verrouille en cas de problème HTTPS → petite max-age ; SameSite=Strict casse le cross-site → Lax) avec effort/risque et recommandation de staging ; ne promet rien qui puisse casser.
• v1.2.010.06.2026Nom d'affichage raccourci en « Web Vitals » ; aide-mémoire de correctifs ajouté — chaque constat se termine par un levier concret en une phrase (LCP/INP/CLS/TBT/TTFB, a11y, en-têtes de sécurité, SEO, mobile, confidentialité) ; avec accès web/outil, recherche live optionnelle de solution pour les cas particuliers.
• v1.1.010.06.2026Étendu davantage (aligné sur PageSpeed Insights & le calculateur de score Lighthouse) : données terrain (CrUX : LCP/INP/CLS/FCP/TTFB, p75) vs. labo séparées ; score de performance corrigé pour Lighthouse 10+ (TBT 30/LCP 25/CLS 25/FCP 10/SI 10, TTI abandonné, courbes log-normales, médiane) ; Opportunities & Diagnostics (élément LCP, sources de CLS, thread principal, DOM, TTFB, leviers INP) ; mobile-first comme principe avec justification (mobile-first indexing) même pour le desktop ; bonnes pratiques étendues (CSP-contre-XSS, API obsolètes, ratio d'image), note a11y automatisé vs. manuel.
• v1.0.010.06.2026Skill d'audit web complet avec 7 catégories de 0 à 100 (performance/Core Web Vitals, accessibilité WCAG 2.2, bonnes pratiques, SEO, sécurité façon Observatory/SSL Labs, mobile/responsive, confidentialité/RGPD). Pondération Lighthouse, données terrain vs. labo, honnêteté mesuré-vs-estimé, vérification live au mieux avec accès web, actions priorisées ; sites autorisés uniquement, pas de pentest.

Questions fréquentes