Table des matières de l'article :
La question principale est : dans quelle mesure est-il important pour un référencement réussi d'essayer d'obtenir un score de 100/100 au test PageSpeed Insights ? Nous en parlerons dans cet article.
En novembre dernier, Google a annoncé que « les signaux de classement de l'expérience de page pour la recherche Google seront lancés en mai 2021. Ceux-ci combineront les Core Web Vitals et les signaux précédents liés à l'UX . »
Google indique rarement à la communauté SEO quelle partie de son algorithme il considère comme un facteur de classement, mais lorsqu'il le fait, comme avec la récente annonce de mise à jour de l'algorithme BERT, nous devons être attentifs et veiller à aligner notre stratégie SEO sur les meilleures pratiques de Google.
Google PageSpeed Insights est un outil en ligne performant pour évaluer les performances web. Il attribue une note à votre site sur une échelle de 1 à 100 et fournit des recommandations pour une optimisation plus poussée. Un autre outil Google, Core Web Vitals , fournit des informations précises sur la vitesse réelle de votre site et l'expérience utilisateur. Suivre les recommandations de ces plateformes améliorera votre référencement et vous permettra de gagner des positions dans les résultats de recherche Google.
Qu'est-ce que Google PageSpeed Insights ?
Bien que Google ne divulgue pas ses algorithmes, une chose est claire : la vitesse de chargement est utilisée comme facteur de classement sur les ordinateurs et les appareils mobiles.
Google PageSpeed Insights est utile aux administrateurs de sites web qui souhaitent analyser les performances de leur site sur ordinateur et appareils mobiles et identifier les facteurs influençant sa vitesse, son efficacité et son attrait général. Concrètement, il permet de mesurer le temps de chargement des pages et d'évaluer la vitesse du site.
Pour tester un site Web, il suffit de saisir son URL et d'appuyer sur le bouton "Analyser" :
L'outil fournit des données de vitesse sur les appareils mobiles et de bureau et vous devez choisir l'une des options avant d'appuyer sur le bouton "Analyser". Ces dernières années, avec les résultats de recherche axés sur les mobiles, la vitesse de chargement sur les appareils mobiles est devenue beaucoup plus critique que sur les ordinateurs de bureau, alors n'oubliez pas de les vérifier.
Le résultat affiche un score global qui résume les performances de la page et fournit des informations complémentaires sur les facteurs qui les influencent. Ce score est calculé à l'aide d'un outil automatisé open source appelé Lighthouse.
La plupart des informations que vous obtenez concernent des problèmes de performances techniques des sites Web. Et c'est un piège dans lequel tombent tant de propriétaires et de gestionnaires de sites Web. Lorsque vous voyez plusieurs tableaux de couleurs vert, jaune et rouge très informatifs et un score réel dessus, vous vous précipitez intuitivement pour améliorer les métriques pour rapprocher le score de 100.
Le score est-il vraiment important ?
Le fait est que pour obtenir une première place sur la page de résultats de Google, votre site n'a pas nécessairement besoin de marquer 100 sur 100 sur PageSpeed Insights. En fait, une telle approche pourrait même être destructrice pour le site Web, car elle pourrait nécessiter la suppression de nombreux éléments utiles de l'UX. Le plus important est de vérifier si les graphiques générés par l'analyse sont verts et s'ils sont jaunes ou même rouges, vous devez travailler sur l'amélioration.
Pour démontrer qu'un score élevé ne garantit pas à un site une place parmi les pages les mieux classées, nous avons mené une expérience. Nous avons recherché sur Google les formulaires WordPress populaires et testé chacune des 10 premières pages avec PageSpeed Insights.
Sans surprise, la première page a obtenu un score de 42/100 et ses graphiques ont montré des sections jaunes et rouges. La page numéro deux a obtenu 32/100 avec beaucoup de couleur rouge dans l'infographie. Fait intéressant, la page à la 10e place a obtenu un score de 84/100 avec moins de rouge et un peu de jaune.
Qu'est-ce que ça veut dire? Le test PageSpeed Insights est-il inutile pour atteindre une première place dans les SERP (Search Engine Results Pages) ?
Bien sûr, ce n'est pas le cas. Mais la partie la plus précieuse de l'analyse n'est pas les chiffres impressionnants, mais les conseils fournis.
Pourquoi? Étant donné que l'un des points de vue que PageSpeed Insights examine la page est l'expérience utilisateur. Et le score ne reflète pas vraiment cela.
Comment utiliser les suggestions de Google PageSpeed Insights
Le temps de chargement d'un site web est sans conteste l'un des facteurs les plus importants influençant la satisfaction des utilisateurs. Si les visiteurs s'impatientent avant même que la page ne soit complètement chargée, ils quittent immédiatement le site. Il est donc préférable de se concentrer sur l'amélioration de la vitesse réelle du site (mesurable grâce à différents outils) et de sa performance perçue (la rapidité d'affichage pour les utilisateurs) plutôt que de viser uniquement le score le plus élevé. C'est là que les recommandations de PageSpeed Insights s'avèrent précieuses.
Lorsque vous analysez le site, vous trouverez des données de terrain et de laboratoire.
Les données de terrain permettent de comparer les performances d'un site web à celles d'autres sites dans le rapport Chrome sur l'expérience utilisateur réelle des 30 derniers jours et aident à identifier les points de blocage. Ces données peuvent parfois être indisponibles . Pour surveiller l'expérience utilisateur réelle, Google a lancé Core Web Vitals . Ce service fournit des informations précises sur la vitesse et l'expérience utilisateur réelle d'un site. Nous aborderons cet outil plus en détail ci-dessous.
Les données de laboratoire évaluent les performances du site selon plusieurs indicateurs lors du chargement d'une page simulée dans un environnement contrôlé.
La combinaison des données de terrain et des données de laboratoire donne une meilleure idée de la performance web du site que le score global. Dans cet esprit, vous pouvez procéder à des suggestions d'améliorations supplémentaires. Ces recommandations sont appelées opportunités relationnelles.
Plus d'informations sont fournies dans la section Diagnostics.
D'autres faiblesses typiques qui ont toujours bien fonctionné pour la page indiquée peuvent être trouvées dans la section Audits réussis.
Certains des conseils les plus typiques de Google PageSpeed Insights (avec des conseils spécifiques pour les sites WordPress)
1. Servir l'image dans les formats de nouvelle génération
Les formats d'image couramment utilisés tels que JPEG ou PNG offrent une compression moins bonne que des formats tels que PEG 2000, JPEG XR et WebP. L'utilisation d'un formulaire pour tirer parti des formats d'image WebP qui crée automatiquement une copie WebP des images téléchargées peut être pratique.
2. Éliminez les ressources bloquant le rendu
Cela signifie que certains scripts JavaScript et CSS ralentissent le chargement de la page. Pour optimiser, PageSpeed Insights suggère d'incorporer des CSS et JavaScript critiques ou d'envisager d'utiliser des formulaires pour un chargement asynchrone.
3. Corriger la taille de l'image
Des images correctement dimensionnées améliorent non seulement le temps de chargement, mais économisent également des données cellulaires. Pour les sites Web WordPress, c'est une bonne idée d'utiliser des styles d'image réactifs natifs (disponibles dans WordPress 8 et versions ultérieures).
4. Envoyez des images hors écran
Le chargement différé des images hors écran, ou chargement paresseux, signifie que les images ne sont chargées que lorsque cela est nécessaire. Cela améliore considérablement les performances perçues et peut être réalisé grâce à divers modules ou plugins spécifiques à la pile technologique (il existe des options pour WordPress).
5. Minimisez le JavaScript inutilisé
JavaScript peut bloquer le rendu ou être asynchrone, mais dans tous les cas, c'est une bonne idée de supprimer les scripts inutilisés car ils ralentissent le chargement de la page. Pour WordPress, envisagez d'utiliser uniquement les bibliothèques dont vous avez besoin pour la page concernée ou même le composant particulier d'une page.
6. Servir les ressources statiques avec une politique de cache efficace
Le processus de mise en cache signifie que les navigateurs enregistrent des copies des pages Web. Lorsque le même utilisateur revisite le site, il se charge plus rapidement. Pour WordPress, vous souhaiterez peut-être définir «l'âge maximum du cache et du proxy du navigateur».
