Google Pagespeed Insights et Core Web Vitals : dans quelle mesure sont-ils importants pour le référencement ?

La question principale est : à quel point est-il important pour un référencement réussi d'essayer d'obtenir un score de 100/100 au test PageSpeed ​​​​ Connaissances? 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 Blogs est un outil en ligne puissant pour évaluer les performances Web. Il évalue le site sur une échelle de 100 à XNUMX et fournit des recommandations pour une optimisation ultérieure. Un autre outil Google, Vitaux Web de base , fournit des détails spécifiques sur la vitesse réelle du site et l'expérience utilisateur. Suivre les conseils de ces plateformes améliorera votre référencement et vous aidera à pousser la page plus haut en haut de Google.

Qu'est-ce que Google PageSpeed Des idées?

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 Blogs Il est utile lorsqu'un responsable de site Web souhaite analyser les performances du site sur les ordinateurs de bureau et les appareils mobiles et déterminer les facteurs qui affectent la vitesse, l'efficacité et l'attractivité globale du site. Fondamentalement, il vous permet de mesurer le temps de chargement des pages et d'observer le classement de 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 à obtenir un score de 100 sur 100 sur PageSpeed. Connaissances. 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 montrer que le score le plus élevé ne garantit pas au site une place parmi les pages les mieux classées, nous avons mené une expérience. Nous avons cherché sur Google modules WordPress populaire  et testé chaque page du top 10 avec PageSpeed Aperçu.

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 obtenir 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? Comme l'un des points de vue que PageSpeed Insights examine la page et l'expérience utilisateur. Et le score ne reflète pas vraiment cela.

Comment utiliser les suggestions de Google PageSpeed ​​​​ Blogs

Le temps de chargement du site est, sans aucun doute, parmi les facteurs les plus significatifs influençant la satisfaction des utilisateurs. Si les gens s'énervent plus vite que la page ne se charge, ils rebondissent simplement. Cela signifie que vous devez travailler pour augmenter le débit du site (peut être mesuré avec différents outils) et le vôtre performances perçues (à quelle vitesse le site semble-t-il pour les utilisateurs) au lieu de penser au score le plus élevé. C'est là que les astuces de PageSpeed ​​​​ Les aperçus sont utiles.

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 suggestions 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 le 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».