Pour les plus techniques

Vitesse Maximale

/vitesse-maximale

Ce qu’il fait

Optimisation des Performances suit un principe simple mais rarement respecté : ne jamais optimiser sans mesure préalable. Il commence toujours par établir une ligne de base (les métriques actuelles avant toute modification) puis suit un cycle en 5 étapes — mesurer, identifier, corriger, vérifier, surveiller. Il cible les métriques Core Web Vitals (les indicateurs de performance que Google mesure : vitesse de chargement, réactivité, stabilité visuelle) et utilise des outils de profiling (Lighthouse, onglet Performance de Chrome) pour localiser les vrais problèmes.

Quand l’utiliser

Quand ton site se charge lentement, quand les scores Lighthouse sont mauvais, quand des utilisateurs se plaignent de lenteur, ou quand tu soupçonnes qu'une modification a dégradé les performances. Ne l'utilise pas en prévention — seulement si tu as une preuve du problème.

Un exemple concret

Ton site met 4 secondes à afficher quelque chose sur mobile. Tu veux savoir quoi corriger en priorité.

[Mesure baseline] LCP (temps avant que le contenu principal soit visible) : 4.2s — objectif : sous 2.5s.
[Goulot identifié] L'image principale de ta page fait 2.3 Mo. C'est elle qui bloque le rendu.
[Correction prioritaire] Compresse l'image en WebP (format d'image moderne 3x plus léger que JPEG) et ajoute l'attribut loading='lazy' sur les images en bas de page.
[Impact estimé] Cette seule correction devrait faire passer ton LCP de 4.2s à ~1.8s.
[Surveillance] Ajoute ce test dans ton pipeline de déploiement pour éviter qu'une future image lourde recasse les performances.

Tu corriges le seul problème qui compte vraiment — plutôt que de passer des heures à optimiser des détails qui n'ont aucun impact visible.

Comment l’installer

Colle ces deux lignes dans Claude Code, puis lance le skill avec /vitesse-maximale.

/plugin marketplace add ismax-ai/claude-code-skills-fr
/plugin install ismax-skills-fr@ismax
/vitesse-maximale

Skill open-source de addyosmani, sous licence MIT. Voir la source d’origine. Je l’ai sélectionné, traduit et adapté en français pour la bibliothèque.

Tu débutes avec Claude Code ?

J’ai écrit un guide de démarrage qui t’explique, pas à pas, ce qu’est un skill, comment installer la bibliothèque et faire tes premiers pas.

Lire le guide de démarrage

L’IA pour les Débutants · SubstackLa marketplace de skills Claude Code gratuits (en français)Lire sur Substack →

← Toute la bibliothèque