Guide de lecture localisé
web-perfObjectif, utilisation et source
Auditez, diagnostiquez ou optimisez les performances de chargement et d'interaction de votre site web, les Core Web Vitals et les scores de performance Lighthouse.
Source récupérée:
- Dépôt source
- cloudflare/skills
- SKILL.md
skills/web-perf/SKILL.md- Étoiles du dépôt
- 3,222
- Mise à jour du dépôt
- 2026-10-31
- Catégories de capacités
- Recherche
- Dernière collecte
Licence : Apache-2.0
Les extraits de flux de travail sont des outils de lecture et non des instructions exécutables de Codez. Aucune compétence tierce n'a été utilisée pour générer cette page.
Les passages relatifs à l'objectif et au flux de travail ci-dessous constituent le contenu original, organisé et traduit pour la lecture. Ils sont distincts de l'analyse éditoriale de Codez, qui est étiquetée séparément.
À quoi sert cette compétence ?
Auditez, diagnostiquez ou optimisez les performances de chargement et d'interaction de votre site web, les Core Web Vitals et les scores de performance Lighthouse.
Comment fonctionne le flux de travail en amont
Phase2Analyse des indicateurs clés du Web
Utiliserperformance_analyze_insightpour extraire les indicateurs clés. Remarque : les noms des insights peuvent varier selon les versions de Chrome DevTools. Si un nom d’insight ne fonctionne pas, vérifiez…insightSetIdà partir de la réponse de traçage pour découvrir les informations disponibles. Noms courants des informations : Seuils clés (good/needs-improvement/poor):
Audit de performance web
Vos connaissances en matière de métriques de performance web, de seuils et d'API d'outils sont peut-être obsolètes. Privilégiez la récupération des données plutôt que la formation préalable lorsque vous citez des chiffres ou des recommandations précis.
passage en amont · L6 ↗"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}Configuration requise
Aucun extrait de configuration n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sans dépendances. Consultez les instructions de configuration du dépôt et les fichiers référencés.
Limites et contrôles de qualité
Aucun passage de limite distinct n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sûre pour toutes les entrées ou tous les environnements. Consultez le code source complet et validez vos résultats.
Commencez par un essai sans danger
- Vérifiez l'hôte pris en charge et les instructions d'installation du dépôt. Conservez le répertoire Skill ainsi que ses scripts, ressources et documentation référencés ;SKILL.mdSeul, il peut omettre les dépendances.
- Indiquez à l'agent vos paramètres d'entrée réels, le résultat souhaité et les critères d'acceptation. La syntaxe d'appel et les outils disponibles dépendent du système hôte ; ce site ne propose pas de commande d'installation universelle.
- Testez le flux de travail source dans un projet temporaire ou sur une copie. Avant d'autoriser les opérations qui modifient des fichiers, des services distants ou des ressources facturables, examinez-les attentivement.
- Vérifiez la conformité du résultat avec les contrôles qualité sources et vos propres exigences. Un déclenchement réussi ou un nombre élevé d'étoiles dans le dépôt ne garantissent pas un résultat correct.
Pour en savoir plus, consultez la source.
- Audit de performance web
- PREMIÈRE ÉTAPE : Vérifier la disponibilité des outils MCP
- Principes clés
- Flux de travail
- Phase1: Trace de performance
- Phase2Analyse des indicateurs clés du Web
- Phase3: Analyse de réseau
- Phase4Aperçu de l'accessibilité
- Phase5Analyse du code source
- Détection du framework et du bundler
- Secousse des arbres et code mort
- InutiliséJS/CSS
- Polyfills
- Compression et minification
- Format de sortie
- Retour sur les compétences
Compétences connexes
Traduction et étendue
Ce guide de lecture sélectionne des passages de l'amont épingléSKILL.mdCette traduction est assistée. Elle ne constitue pas un manuel complet et ne garantit pas une compatibilité testée. Veuillez lire le document original et les fichiers auxquels il fait référence avant utilisation.
Cette introduction fait référence à la version épinglée ci-dessous ; l’activité actuelle du dépôt et la durée de la collecte sont indiquées séparément.
- Source épinglée
- Lire l'original ↗
- Source récupérée
- Commit source
49a31e0b3229ccdffe4944be9c61bc7481d1d432- Source SHA-256
0160c9e7f1b73eb80347efd899a6082219d43bb9de30424667c8017628a48469