Web Performance Optimization
Performance web fondée sur les preuves — mesurer avec des signaux d'utilisateurs réels, diagnostiquer avec des traces
- Quoi
- Performance web fondée sur les preuves — mesurer avec des signaux d'utilisateurs réels, diagnostiquer avec des traces
- Coût
- Gratuit
- Prérequis
- rien de plus qu'un agent fonctionnel ; une page web exécutable et un outil de traces de performance navigateur (Chrome DevTools MCP recommandé) pour le flux de travail fondé sur les preuves
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — une méthodologie de performance web fondée sur les preuves, issue de la collection web-quality-skills : établir une base de référence terrain + laboratoire avant de modifier, prioriser les mauvais Core Web Vitals d'utilisateurs réels, diagnostiquer avec des traces de performance du navigateur et des analyses ciblées (pas les catégories non-performance de Lighthouse), ne changer que le code lié aux goulots mesurés, et rapporter les valeurs avant/après avec incertitude. Inclut des budgets de performance de départ (poids de page, JS/CSS, images, polices, tiers) calibrés selon les appareils et réseaux cibles, plus des conseils sur le chemin de rendu critique (TTFB, compression, HTTP/2-3, cache en périphérie). Distinct du addyosmani-performance-optimization déjà listé : dépôt différent, méthode différente — celui-là est le guide de performance général d'Addy Osmani ; celui-ci est le flux de travail « mesure d'abord » de l'équipe web-quality-skills avec budgets et diagnostic par traces. Crédit : @addyosmani. Bémols honnêtes : nécessite une page exécutable et un outil de traces navigateur (Chrome DevTools MCP recommandé) pour être pleinement fondé sur les preuves — sans eux, les conclusions sont des hypothèses ; la vérification terrain exige assez de nouvelles données d'utilisateurs. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Prérequis : rien de plus qu'un agent fonctionnel ; une page web exécutable et un outil de traces de performance navigateur (Chrome DevTools MCP recommandé) pour le flux de travail fondé sur les preuves Installe-moi « Optimisation des performances web ». Performance web fondée sur les preuves — mesurer avec des signaux d'utilisateurs réels, diagnostiquer avec des traces Dépôt : https://github.com/addyosmani/web-quality-skills/blob/main/skills/performance/SKILL.md 1. Récupère le fichier SKILL.md du skill addyosmani-performance depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « addyosmani-performance ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. tout compte, clé API ou outil CLI mentionné dans les prérequis ci-dessus). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, tu peux l'utiliser ; sinon, l'accès public suffit. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat ; les identifiants passent par le coffre sécurisé ou des variables d'environnement. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.