Avec l’approche imminente du Page Experience Update pour mai 2021 annoncé par Google en novembre 2020, l’optimisation des performances web (WPO) est un sujet qui prend encore plus d’importance pour le référencement naturel.
La vitesse de chargement d’un site a toujours été un facteur de positionnement important.
Si les consultants SEO dédient une bonne partie de leurs audits techniques à analyser la performance des sites, c’est parce que l’on peut en tirer plusieurs avantages.
Les avantages d’améliorer la vitesse de chargement
Plusieurs avantages existent à la fois pour l’utilisateur comme pour le référencement naturel et peuvent justifier d’investir sur le WPO. Parmi eux, on peut nommer :
- Meilleure expérience utilisateur
- Diminution du taux de rebond
- Augmentation du taux de conversion
- Augmentation de la vitesse du crawl (et donc du crawl budget)
- Augmentation du taux d’indexation
- Un meilleur référencement naturel
Quels outils existent pour mesurer la vitesse de chargement ?
Des nombreux outils gratuits existent aujourd’hui permettant de mesurer la vitesse de chargement d’un site. Les plus célèbres sont :
Le rapport de Page Speed Insights
Le rapport de vitesse de chargement et des Web Core Vitals de Page Speed Insights, outil développé par Google, est un des plus utilisés et des plus controversés. Nous allons commencer par regarder comment accéder au rapport :
1- La première solution est de vous rendre sur la page Google Page Speed Insights et de rentrer l’URL que vous souhaitez tester :
Nous allons maintenant analyser les résultats de ce rapport :
1. Le score
En haut du rapport, un score qui résume les performances de la page est fourni. Ce score est déterminé en exécutant Lighthouse pour collecter et analyser les données de laboratoire sur la page.
Le plus important est de ne pas s’obséder avec ce score, mais plutôt de l’utiliser comme un indicateur de progrès dans le temps, comme une boussole pour mesurer l’impact de chaque action mise en place dans la stratégie de WPO.
2. Les données de terrain
Les données de terrain ne seront pas toujours disponibles dans tous les rapports.
Elles proviennent du Chrome Index Experience Report, et fournissent des métriques d’expérience utilisateur au niveau des URL connues par les robots d’exploration de Google. Ce sont des moyennes des données recueillies dans les 28 derniers jours sur les visiteurs de votre site.
Ces données sont les plus proches de la réalité et vont nous aider à comprendre comment les utilisateurs interagissent avec votre site.
3. Données de laboratoire
Ces données proviennent des serveurs de Google et sont un reflet de comment Google interagit avec votre site.
Page Speed Insights explore la page avec Lighthouse, qui simule la façon dont un appareil mobile ou un ordinateur charge la page. Des statistiques de performances sont alors calculées pour cette page (« First Contentful Paint » et « Time To interactive, » par exemple), dont les Web Core Vitals.
4. Les opportunités
En effet, certains aspects peuvent être réglés simultanément. Par exemple, il est possible que votre rapport affiche des optimisations du type : “Diffusez des images aux formats nouvelle génération” et “Encodez les images de manière efficace” de façon séparée. Pour autant, ces choses peuvent être corrigées en même temps.
La même logique s’applique à des conseils comme “Supprimer les ressources CSS inutilisées” et “Éliminez les ressources qui bloquent le rendu”. Il est fort probable que des ressources CSS inutilisées soient en train de bloquer le rendu.
Dans le cas où on aurait ces quatre opportunités, il conviendrait de prendre du recul pour travailler sur les aspects généraux : images et CSS.
Les métriques analysées dans Page Speed Insights
Plusieurs métriques sont analysées dans le rapport de Page Speed Insights qui vont nous donner des pistes sur l’état de santé de la vitesse d’un site web.
PageSpeed Insights (PSI) analyse la performance d’une page web en utilisant les données de Lighthouse et du Chrome User Experience Report (CrUX). Il fournit un score global et plusieurs métriques de performance clés, classées en deux types principaux :
1. Field data (Données réelles des utilisateurs – CrUX)
Ce sont des données collectées sur le terrain, à partir de vrais utilisateurs Chrome. Elles comprennent :
- First Contentful Paint (FCP) : temps d’affichage du premier élément visible.
- Largest Contentful Paint (LCP) : temps de chargement du plus gros élément visible (ex : image, bloc de texte).
- First Input Delay (FID) : temps de réponse après la première interaction (remplacé par INP depuis mars 2024).
- Interaction to Next Paint (INP) : mesure la réactivité globale lors de plusieurs interactions.
- Cumulative Layout Shift (CLS) : stabilité visuelle de la page (mesure les déplacements inattendus de contenu).
2. Lab data (Simulation avec Lighthouse)
Ce sont des données simulées dans un environnement contrôlé, utiles pour identifier les opportunités d’amélioration. On y retrouve :
- First Contentful Paint (FCP)
- Speed Index : rapidité globale d’affichage du contenu visible.
- Largest Contentful Paint (LCP)
- Time to Interactive (TTI) : temps nécessaire pour que la page soit entièrement interactive.
- Total Blocking Time (TBT) : durée totale pendant laquelle la page est bloquée et ne peut pas répondre rapidement à l’utilisateur.
- Cumulative Layout Shift (CLS)
3. Opportunités et diagnostics
PageSpeed Insights fournit aussi :
- Opportunités : suggestions d’optimisations (compresser les images, différer le JS, réduire le CSS inutilisé…).
- Diagnostics : informations techniques sur les performances, l’accessibilité, les meilleures pratiques…
4. Score global
Le score global (de 0 à 100) est calculé uniquement à partir des données Lighthouse (Lab data).
- 90–100 : Bon
- 50–89 : À améliorer
- 0–49 : Mauvais
Conclusion
La vitesse de chargement et les performances web ont toujours été un facteur de positionnement pour les moteurs de recherche. Pour autant, il est important de remarquer qu’il s’agit d’un facteur de positionnement secondaire, et qu’il est toujours prioritaire de résoudre les fondamentaux du SEO avant de se concentrer dans le détail sur cet aspect.
Toutes ces métriques peuvent être travaillées pour valider les Web Core Vitals sans pour autant changer considérablement le fonctionnement ou le visuel de votre site.
Il vous faudra trouver la cause du ralentissement de la charge ou du décalage des éléments afin de faire les recommandations correctes. N’hésitez pas à nous contacter pour un audit dédié aux Web Core Vitals !
