3 outils Google efficaces pour tracker vos Core Web Vitals

24 mars, 2024

1 min

Contact us

Si votre data lakehouse ressemble plus à une décharge qu'à une collection de poupées russes, vous devriez peut-être examiner de plus près vos Core Web Vitals... Si vous avez besoin d'analyser vos données collectées pour mieux comprendre l'UX de votre site Web, vous n'êtes pas obligés de collecter toutes sortes de données. Ce serait trop complexe et chronophage. 

Découvrons ensemble une liste d'indicateurs de performance clés qui vous permet de surveiller les indicateurs clés de performance de votre site. Vous voulez savoir quels outils peuvent vous aider à le faire ? Comment surveiller vos Core Web Vitals ?

Les nouvelles métriques pour
booster votre présence en ligne

Avant d'entrer dans le vif du sujet, il est important de rappeler les métriques que vous devriez surveiller. Les KPI ou indicateurs de performance traditionnels peuvent suffir, mais ces Core Web Vitals vous aideront à mieux comprendre les performances de votre site Web et à améliorer son UX. Google a choisi de mettre l'accent sur 3 métriques. Analysons-les une par une :

Largest Contentful Paint

Le temps de chargement est directement lié au Largest Contentful Paint. Comme Google l'a souligné en 2018, si le temps de chargement de votre page est de :

  • 1s à 3s, la probabilité que l'utilisateur directement quitte votre page augmente de 32%
  • 3s à 5s, la probabilité de rebond augmente de 90%
  • 5s à 10s, elle augmente de 123%. 

Le LCP  mesure le temps de chargement des pages. Concrètement, il vous permet d’estimer le temps nécessaire pour que le contenu de votre page principal s’affiche sur l'appareil des utilisateurs. Suivez votre LCP; le temps de chargement est un facteur principal de classement de vos annonces sur la page de recherches (SemRush) et une source de satisfaction prise en compte dans la qualité de l’expérience utilisateur.

First Input Delay

Pourquoi vos clients détestent-ils attendre ? Parce que comme dit le dicton, le client est roi. L'interactivité est également liée au délai. Mesurée par le First Input Delay, l'interactivité ou la réactivité est essentielle car elle rend votre page plus attrayante

De nombreux sites Web, tels que Starbucks et sa page « votre café chez vous » (il vous aide à choisir le café parfait après avoir répondu à 4 questions), ont conçu des pages personnalisées, et ça marche ! Le First Input Delay (FID) analyse l'interactivité, également appelée réactivité, avec les actions les visiteurs de votre site. En d'autres termes, il mesure le délai entre l'interaction de la page de l'utilisateur (clic sur un lien, bouton…) et la réponse du navigateur. 

Plus il est long, plus les utilisateurs sont frustrés. Ne négligez pas le temps qu'il faut au navigateur pour afficher la réponse de la page Web. Un bon FID doit être de 100 millisecondes ou moins.

Cumulative Layout Shift

Le Cumulative Layout Shift vous aide à mesurer la stabilité visuelle de votre page. Un score CLS de moins de 0,1 est considéré comme bon. Le Cumulative Layout Shift (CLS) est responsable de la stabilité de la page. Il analyse les décalages inattendus des pages lors de leur chargement.Si vous souhaitez en savoir plus sur ces métriques, lisez le rapport Google complet sur Core Web Vitals.

3 outils efficaces pour automatiser le suivi de vos Core Web Vitals

Lighthouse est une extension Google gratuite qui vous permet de suivre vos Core Web Vitals (écran de gauche)… mais pas seulement ! Il vous donne également des recommandations d’amélioration précises (sur l'écran de droite) que vous pourriez appliquer pour améliorer votre UX.

#1 - Lighthouse

Lighthouse is a free Google extension that allows you to monitor your Core Web Vitals (on the left screen)… but not only! It also gives you precise enhancements (on the right screen) that you can implement to improve your UX.

Ce qu'on aime

Cet outil vous offre un rapport détaillé gratuit sur vos pages web, accompagné d’une liste d'améliorations de manière très synthétique. Vous n'avez pas à vous soucier de savoir comment améliorer votre score de performance, il vous suffit de suivre les recommandations de Lighthouse !

Ce qui nous séduit moins

Lighthouse ne prend pas en considération la finalité de votre page. Pour une analyse plus approfondie, choisissez un autre outil.

#2 - PageSpeed Insights

PageSpeed ​​Insights (PSI) est un outil gratuit de Google qui vous permet de tracker les performances de votre site Web, en fournissant des données d’analyse sur vous pages. 

Cet outil classe vos 3 Core Web Vitals par couleurs. Le vert correspond à de bonnes performances, le orange à des améliorations requises et le rouge à de mauvaises performances. Voici un exemple de ce à quoi pourrait ressembler votre rapport PageSpeed ​​Insights :

page-speed-insights

Source: https://developers.google.com/speed 

Ce qu'on aime

le rapport fourni par cet outil est complet et très approfondi. En plus du score de performance globale de votre page, PageSpeed ​​Insights vous offre une analyse détaillée de vos Core Web Vitals. Commencez dès maintenant en téléchargeant l'extension!

Ce qui nous séduit le moins

Cet outil est moins maniable que Lighthouse par exemple. Des connaissances en codage sont requises. Si vous souhaitez en savoir plus sur la mise en œuvre de PageSpeed ​​Insights, lisez le tutoriel suivant.

#3 - Chrome UX Report

Cet outil est légèrement différent des autres. Il s'agit d'une base de données mondiale qui passe en revue les expériences de navigation des utilisateurs sur le Web. Si cela ne vous aide pas à surveiller les performances de votre propre site Web, pourquoi en avez-vous besoin ? 

Ci-dessous, vous pouvez voir à quoi ressemble le rapport Google Chrome UX pour une métrique spécifique qui est FCP :

Google-Chrome-UX

Source: https://developers.google.com/web/updates/2018/08/chrome-ux-report-dashboard 

Cet outil «contribue à l'expérience utilisateur finale», comme l'a dit Google lors de la première présentation de ce rapport au Summit 2017. Il vous aide à comparer l'UX de vos pages à l'UX d'autres sites Web afin que vous puissiez classer vos performances à l'échelle locale. 

Quelles métriques ? Ce rapport ne tient pas uniquement compte des 3 Core Web Vitals. Il comprend également des détails sur le LCP, le temps de chargement et d’autres métriques.

Ce qu'on aime

Il vous aide à comparer vos performances à celles d'autres sites Web. Vous pouvez également obtenir des données d'expérience utilisateur locales pour améliorer la personnalisation de votre UX à l'échelle mondiale.

Ce qui nous séduit le moins

Pour avoir accès à Chrome UX Report, vous devez avoir un BigQuery, ce qui signifie que si vous n'êtes pas familier avec cet outil, ce rapport peut être difficile à lire.

de PUISSANTS OUTILS POUR FAIRE DECOLLEVER VOTRE BUSINESS

Il existe tellement d'outils Google qu’il est facile de se perdre. Commencez par Lighthouse si vous souhaitez avoir un premier aperçu global des performances de votre site Web. Pour approfondir vos analyses Core Web Vitals, optez pour l'outil PageSpeed ​​Insights et le rapport Google Chrome UX.

Vous pouvez croiser les résultats de vos différents outils d'analyse pour une meilleure compréhension de vos Core Web Vitals. Vous vous demandez toujours si ces outils peuvent améliorer le tracking de vos métriques ? Discutons-en !

Par Emma Jeanpierre

27 janv., 2022