Les Métriques de Performance

Pour mesurer et optimiser la performance perçue, on s'appuie sur des métriques standardisées, souvent appelées Web Vitals.

Core Web Vitals

Ces métriques sont essentielles car elles sont prises en compte par Google pour le référencement (SEO) et reflètent directement l'expérience utilisateur.

LCP (Largest Contentful Paint)

Le moment où l'élément le plus visible dans la fenêtre (viewport) est entièrement affiché. C'est souvent l'image principale (hero image) ou le bloc de texte principal.

• Objectif : < 2.5 secondes.

INP (Interaction to Next Paint)

Mesure la réactivité de la page.

• INP : Mesure la latence de réponse globale de la page (moyenne du temps de réponse pour toutes les interactions). Il remplace le FID et donne une vision plus complète de la réactivité.

CLS (Cumulative Layout Shift)

Mesure la stabilité visuelle de la page. Il quantifie la fréquence et l'ampleur des changements de mise en page inattendus (ex: un bouton qui bouge au dernier moment).

• Importance : Évite les clics accidentels et la frustration utilisateur.

Autres métriques

Ces métriques sont souvent utilisées dans les outils comme Lighthouse pour diagnostiquer les problèmes.

FCP (First Contentful Paint)

Le moment où le navigateur affiche le premier élément de contenu du DOM (texte, image, etc.). C'est la première confirmation visuelle pour l'utilisateur que "ça charge".

TBT (Total Blocking Time)

Mesure le temps total pendant lequel le thread principal est bloqué (tâches > 50ms) entre le FCP et le TTI. C'est un excellent proxy pour optimiser l'INP.

TTI (Time to Interactive)

Mesure le temps nécessaire pour que la page devienne pleinement interactive (réponse fluide sans latence). Indique quand l'utilisateur peut réellement utiliser la page.