Core Web Vitals : diagnostiquer LCP, INP et CLS

Les Core Web Vitals décrivent le chargement, la réactivité aux interactions et la stabilité visuelle. Diagnostiquez la métrique qui pose problème pour les utilisateurs concernés avant de modifier des ressources ou de courir après un meilleur score Lighthouse.

Séparer les mesures de terrain d'un test en laboratoire

Les données de terrain reflètent les visites d'utilisateurs réels sur une période de reporting. Un test en laboratoire est un diagnostic contrôlé. L'appareil, le réseau, la mise en cache et les interactions peuvent faire différer leurs résultats. Une page sans données de terrain présente des mesures insuffisantes ; elle n'a pas automatiquement réussi ou échoué. Le Total Blocking Time est un diagnostic de laboratoire et ne doit pas être rebaptisé INP.

Choisir une correction à partir des preuves

Évitez d'appliquer toutes les recommandations en même temps. Une modification de compression d'image ne peut pas expliquer un gestionnaire d'événements lent, et un chargement initial rapide ne garantit pas des interactions de paiement réactives.

Exemple concret : une image produit arrive en retard

Supposons qu'une page produit présente une image principale tardive alors que les autres ressources se chargent tôt. Confirmez que l'image est bien l'élément LCP. Vérifiez si elle n'est découverte qu'après l'exécution de JavaScript ou si elle est chargée de manière différée (lazy loading) à tort. Modifiez la découverte ou la priorité de chargement, conservez des dimensions d'image adaptées, puis répétez la même configuration de laboratoire. Enfin, observez la tendance de terrain correspondante une fois que suffisamment de nouvelles visites ont été collectées. Il s'agit d'un exemple de diagnostic, et non d'un résultat mesuré par SearchBastion.

Enregistrer les conditions de test

Enregistrez l'URL, le profil de l'appareil, l'heure du test, l'identifiant de version et le goulot d'étranglement observé. Exécutez des tests comparables après la modification et testez également la navigation, les menus et les commandes d'achat. Le travail d'optimisation des performances doit améliorer l'expérience vécue par les utilisateurs ; une simple augmentation du score ne garantit pas une amélioration du classement.

Utilisez le Testeur de vitesse pour une investigation initiale et consultez les Web Vitals pour les definitions des metriques.