Au-delà des Core Web Vitals, quelles métriques de performance surveillez-vous et comment les mesurez-vous en production ?

Question

Accepted Answer

Les Core Web Vitals, LCP, FID remplacé par INP, et CLS, sont essentiels mais ne racontent pas toute l''histoire. Un monitoring de performance complet inclut des métriques supplémentaires.

**Métriques de chargement :**

**TTFB, Time To First Byte.** Le temps entre la requête et le premier octet de la réponse. Il mesure la latence réseau et la performance du serveur. Un bon TTFB est inférieur à huit cents millisecondes.

**FCP, First Contentful Paint.** Le moment où le premier contenu, texte ou image, apparaît. Un bon FCP est inférieur à une virgule huit secondes.

**TTI, Time To Interactive.** Le moment où la page devient pleinement interactive. La page est visuellement complète et répond aux interactions en moins de cinquante millisecondes.

**TBT, Total Blocking Time.** Le temps total où le thread principal est bloqué pendant le chargement. C''est la somme des périodes où les tâches durent plus de cinquante millisecondes.

**Métriques de runtime :**

**Long Tasks.** Les tâches JavaScript qui durent plus de cinquante millisecondes. L''API Long Tasks permet de les détecter. Trop de long tasks cause des saccades.

**Memory Usage.** La consommation mémoire via performance.memory dans Chrome. Une croissance continue indique une fuite de mémoire.

**Frame Rate.** Le nombre d''images par seconde pendant les animations et les interactions. L''objectif est soixante FPS pour une expérience fluide.

**Mesure en production avec RUM :**

Le Real User Monitoring collecte les métriques depuis les vrais utilisateurs, pas depuis un lab. Utilisez l''API Performance et PerformanceObserver pour capturer les métriques. La librairie web-vitals de Google simplifie la collecte.

Envoyez les données à un service d''analytics comme Google Analytics 4, ou un service spécialisé comme Sentry Performance, SpeedCurve, ou New Relic.

**Percentiles, pas moyennes :**

Analysez les percentiles plutôt que les moyennes. Le p75 montre l''expérience de soixante-quinze pourcent des utilisateurs. Le p95 révèle les cas problématiques. Une moyenne peut cacher des problèmes sévères pour une minorité d''utilisateurs.

**Segmentation :**

Segmentez par type de device, par connexion réseau, par région géographique, et par navigateur. Les performances peuvent varier drastiquement selon ces facteurs.