Core Web Vitals : quel est l’impact des indicateurs de Google sur l’expérience utilisateur et sur votre CA ?

Les Core Web Vitals de Google sont des indicateurs clés de performance qui mesurent l’expérience utilisateur sur votre site web.
Les impacts sur le taux de conversion sont significatifs. La conversion d’un site e-commerce se dégrade quand l’expérience utilisateur est gâchée par une performance web en deçà des attentes. Elle est confirmée par l’étude menée par Portent (2022) : un site qui charge en une seconde convertit 3 fois plus que s’il est disponible en 5 secondes. Même si cette étude ne porte que sur 20 sites, tracker la performance de votre site web paraît incontournable pour optimiser votre expérience utilisateur.
Voici les étapes à suivre pour mesurer la performance globale par Kaliop.

Comment mesurer la performance d’un site web ? Que sont les Core Web Vitals ?

Les Core Web Vitals sont des mesures de performance des sites web établies par Google pour évaluer l’expérience utilisateur.
Depuis 2020, Google adresse fréquemment des avertissements aux propriétaires de sites web, les informant qu’ils seront sanctionnés si les « Core Web Vitals » ne sont pas satisfaisants. Parmi eux, la vitesse de chargement d’un site web. Les navigateurs offrent aujourd’hui de nombreux atouts pour mesurer la performance d’une page web, et notamment sa vitesse : accès à une multitude de métriques, transmission de ces indicateurs grâce à une sonde JavaScript, et envoi des données sur une plateforme pour les rendre intelligibles.

Seulement, détrompez-vous ! Il n’est pas si simple de mesurer techniquement la vitesse d’une page web. En effet, d’un navigateur web à un autre, les métriques et données communiquées varient. En conséquence, le résultat de la mesure de performance de son site web dépend bien du navigateur.
Hormis la différence des moyens de récupération des données et des types de données, certains adblockers empêchent la récolte de l’ensemble des données d’un site web.

Enfin, si en apparence il est aisé de mesurer la performance d’une page web, qu’est-ce qu’un site performant finalement ? Faut-il le scanner de façon exhaustive ou s’attarder sur des points bien précis ?

Comment éviter les biais et bien mesurer la performance de son site web ?

Parmi les solutions pour bien mesurer la performance de ses sites web ou campagnes marketing : les outils d’aide à la mesure de performance s’imposent comme une solution intéressante.

Universel Analytic fait partie des outils les plus utilisés. Néanmoins, cette plateforme n’offre pas la possibilité de faire l’analyse précise de l’expérience utilisateur. C’est là que le bât blesse. Analyser la performance demande donc parfois de multiplier l’utilisation des outils existants.

Parmi les autres solutions : le test navigateur, intégré directement au navigateur.
C’est le cas de Lighthouse. Rattaché à Chrome, il demeure un moyen efficace de bénéficier d’une vision synthétique des performances d’un site web.

Enfin, les sondes, diffusées via des URL sur différents navigateurs, sont un autre moyen de tester la vitesse de votre page web. Leur limite : des résultats différents d’un continent à l’autre, sans réelle raison.

Pour pallier au manque d’outils complets et aux biais divers et variés, le Real User Monitoring (RUM) semble tirer son épingle du jeu. Équivalent d’un outil de tracking, il récolte le maximum de traces du trafic de votre site. Il applique des filtres de recherche, offre la possibilité de faire toutes les requêtes désirées, en temps réel, tout en faisant le lien avec le temps de réponse de votre serveur (ou back-end). Hélas, cet outil a un coût non négligeable.

Un autre prérequis permet aujourd’hui de se différencier : se comparer à la concurrence. Un navigateur comme Chrome (via l’outil Chrome UX aussi nommé Crux) offre l’accès à un important dataset, permettant de se comparer aux autres sites similaires ou concurrents. Cela est possible à condition d’avoir un site relativement important. Pour permettre aux petits sites de mesurer leur performance, Google propose l’outil Page Speed.
D’une manière générale, un biais demeure : si votre site web est davantage consulté sur Safari, quid des résultats d’une comparaison sur Chrome ?

Zoom sur Lighthouse : donner de l’importance aux Core Web Vitals

L’outil LightHouse donne une moyenne pondérée des indicateurs tout en pointant du doigt les éléments les plus mauvais au regard de l’expérience utilisateur. En somme, tenir compte de ces indicateurs vous aidera à transformer votre visite en commande. Actuellement, Lighthouse tient compte de 5 paramètres : le First Contentful Paint, le Speed Index, le Largest Contentful Paint, et deux autres tirant leur épingle du jeu : le Total Blocking Time, et le Cumulative Layout Shift.

• Le Total Blocking Time – représentant 30 % du score global attribué par LightHouse pour un site web. Il s’agit probablement de l’indicateur le plus intéressant comme révélateur de l’expérience utilisateur .

Au chargement de la page d’un site sur un navigateur sont ingérés le code HTML, les CSS, les JavaScript, etc. Sans cela il serait difficile aux utilisateurs d’interagir avec votre interface. Régulièrement, ce temps de chargement demande un temps non négligeable, faisant attendre les utilisateurs. Le Total Blocking Time est la somme de toutes les périodes de blocages du navigateur pendant le chargement de la page (les 50 premières ms ne sont pas comptabilisées dans ce calcul). Le total Blocking Time donne donc un temps pendant lequel votre utilisateur ne peut pas interagir avec le site, source de frustration.

Nota Bene : la majorité du temps, le JavaScript embarqué dans la page web est responsable de cette latence.

Le Total Blocking Time se révèle être l’indicateur dont il faut le plus tenir compte, notamment lorsqu’on possède un site e-commerce.

• Le Cumulative Layout Shift, représentant 25 % du score global attribué par LightHouse pour un site web

Il permet de désigner tout ce qui pourrait perturber la lecture d’un site web e-commerce. Il peut s’agir d’un pop-up ou d’une bannière qui, en s’affichant, change la structure de la page. Son point fort ? Il révèle que les éléments d’une page ne sont pas forcément sous contrôle et que vous n’êtes pas certains de ce que voient les visiteurs. Il fait partie des indicateurs dont l’observation permet d’avoir un meilleur taux de transformation.

• Le Largest Contentful Paint, représentant 25% du score global attribué par LightHouse pour un site web

Cette mesure a l’ambition d’indiquer le moment où l’élément qui a visuellement le plus d’importance dans la page est affiché. On peut considérer que pour un utilisateur, c’est le moment où il peut penser qu’il n’y aura pas de problème pour accéder au contenu, que tout se passe bien. Cela peut être une image, une vidéo, un carrousel, etc.

• First Contentful Paint représentant 10 % du score global attribué par LightHouse pour un site web.

Il désigne le bon fonctionnement du site. Il calcule le temps entre le clic sur un lien et l’arrivée sur la page. En somme, il s’agit du moment où il affiche le premier élément graphique de contenu de la page.

• Le Speed Index représentant 10 % de la moyenne globale

Cet indicateur tâche de chronométrer le temps nécessaire pour qu’un écran soit complètement affiché.

Zoom sur les PageSpeed Insights : dans le radar de l’utilisateur

Si le PageSpeed Insights offre des indicateurs similaires à Lighthouse, il est riche d’autres indicateurs. Parmi eux :

• L’INP – Interaction to Next Paint : il s’agit du laps de temps entre l’interaction et l’action sur un site. Plus le temps est long entre l’observation et le moment du clic, plus cela révèle un potentiel manque de réactivité, donc de frustration pour l’utilisateur.
• FID – First Input Delay : il mesure le temps nécessaire avant de pouvoir interagir avec le site pour la première fois (entre le chargement de la page et le moment où l’utilisateur passe sa souris sur un menu ou un carrousel par exemple).
• Le TTFB – Time to first byte : le temps d’attente avant que le serveur commence à répondre.

Vous l’aurez compris, il existe de nombreux outils et indicateurs pour mieux comprendre la performance de son site web. La mission de Kaliop est de vous accompagner pour utiliser ces outils efficacement et de permettre à votre site web et site e-commerce de gagner en performance.
Quid du référencement naturel des sites web ? Pas de panique, Google a annoncé tenir compte des « Core Web Vitals » dans le classement des sites, mais cela reste limité. En revanche, mesurer mensuellement la performance de votre site web, et pallier aux différentes anomalies pourraient bien impacter positivement l’expérience utilisateur (UX) et votre chiffre d’affaires.

Nos experts restent à votre écoute.