8 octobre 2021

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

Voyons la différence entre les deux termes et leur importance en tant que facteur de classement.

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 la page pour la recherche Google seront lancés en mai 2021. Cela combinera Vitaux Web de base et les précédents signaux liés à l'UX" .

Google indique rarement à la communauté SEO quelle partie de son algorithme il considère comme un facteur de classement, mais quand c'est le cas, comme avec l'annonce la plus récente de la mise à jour de l'algorithme BERT, nous devons faire attention et nous assurer d'aligner notre stratégie de référencement pour inclure les meilleures pratiques de Google.

Google PageSpeed ACTUALITES 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, au moins une chose est claire : la vitesse de chargement est utilisée comme facteur de classement pour les deux sur les appareils bureau qui sur les appareils mobiles .

Google PageSpeed ACTUALITES 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" :

Google PageSpeed ​​Insights

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 montre un score global qui résume les performances de la page et plus de détails sur les facteurs qui l'influencent. Le score est calculé en exécutant 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 ​​​​ ACTUALITES

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 montrent les performances d'un site particulier par rapport à d'autres dans le rapport Chrome sur l'expérience utilisateur dans le monde réel au cours des 30 derniers jours et aident à trouver les goulots d'étranglement dans le monde réel. Dans certains cas, ces données peuvent non être disponible . Pour suivre l'expérience utilisateur réelle, Google a publié Vitaux Web de base . Ce service fournit des détails spécifiques sur la vitesse et l'expérience réelle du site. Nous parlons de cet outil plus loin dans le texte.

Les données du laboratoire estiment les performances du site sur différentes métriques 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 report des images hors écran ou la chargement lent cela signifie que les images ne sont chargées que lorsqu'elles sont nécessaires. Il améliore considérablement les performances perçues et peut être réalisé à l'aide de divers modules ou plugins spécifiques à la pile (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».

Les principaux points vitaux du web Google

I Vitaux Web de base sont les quatre mesures qui représentent les différents aspects de l'expérience utilisateur. Ces mesures sont :

1. FCP - Première peinture de contenu

Affiche le temps qu'il faut entre la requête initiale du navigateur et le rendu d'une partie de la page. Vous pouvez améliorer ce score en envoyant uniquement les ressources nécessaires pour rendre ce qui est visible aux utilisateurs dans la fenêtre. Par exemple, les styles en ligne et le chargement paresseux dont nous avons parlé plus tôt sont d'excellentes pratiques dans ce cas.

2. LCP - Le plus grand contenu "Drawn"

Il mesure les performances de chargement perçues, c'est-à-dire le temps entre la demande initiale et le moment où le contenu principal du site est prêt. Ce score peut être amélioré en vérifiant les performances de la police et en utilisant une balise d'image native avec srcset ou un élément d'image. En général, c'est une bonne idée de s'assurer que les images, le texte et tout le contenu de la fenêtre sont affichés avec le moins de dépendances en série possible.

3. FID - Premier délai d'entrée - Premier délai d'entrée

Mesurez la réactivité ou l'interactivité de la charge. Ce score est affecté par un traitement de script lourd ou par le rendu de styles complexes. Par conséquent, il est logique de réduire la quantité de JavaScript qui s'exécute sur une page donnée. En outre, le FID est affecté par les performances de l'appareil. N'oubliez pas de tester votre site sur différents appareils.

4. CLS - Modification cumulée de la mise en page

Mesurer la stabilité visuelle. En d'autres termes, lorsque le contenu de la page déjà chargée se déplace soudainement, cela peut être appelé un déplacement de mise en page inattendu. Cette expérience s'avère extrêmement frustrante pour les utilisateurs. La raison d'un tel gâchis pourrait être des ressources chargées de manière asynchrone ou du contenu injecté dynamiquement. Il y a de nombreux conseils pour optimiser CLS , y compris la réservation d'espace pour les images et les annonces sur le site.

Riepilogo

Les sites rapides offrant une meilleure expérience utilisateur sont mieux classés par Google. Pour optimiser les sites Web, nous avons besoin de beaucoup de mesures et de PageSpeed Insights est un outil efficace qui fournit des informations sur les performances des pages Web. Il fournit également des recommandations pour une optimisation ultérieure.

Cependant, le score global de PageSpeed ​​​​ Les informations ne sont pas si importantes, et un score de 100/100 ne garantira pas au site une première place dans les résultats de recherche de Google. Ce qui compte vraiment, c'est de se concentrer sur les suggestions ou les opportunités offertes par le service. Un autre outil utile est Google Vitaux Web de base. Il vise à mesurer l'expérience utilisateur dans la vie réelle et est un must pour les mainteneurs de sites Web contemporains.

Approchez ces concepts par le biais d'un conseil SEO professionnel à travers un Consultante en référencement spécialiste qui connaît bien le sujet est la première étape pour améliorer le positionnement de votre site web ou blog WordPress.

Vous avez des doutes ? Vous ne savez pas par où commencer ? Contactez-nous !

Nous avons toutes les réponses à vos questions pour vous aider à faire le bon choix.

Discute avec nous

Discutez directement avec notre support avant-vente.

0256569681

Contactez-nous par téléphone pendant les heures de bureau 9h30 - 19h30

Contactez-nous en ligne

Ouvrez une demande directement dans l'espace contact.

INFORMATIONS

Managed Server Srl est un acteur italien leader dans la fourniture de solutions système GNU/Linux avancées orientées vers la haute performance. Avec un modèle d'abonnement peu coûteux et prévisible, nous garantissons que nos clients ont accès à des technologies avancées en matière d'hébergement, de serveurs dédiés et de services cloud. En plus de cela, nous proposons des conseils système sur les systèmes Linux et une maintenance spécialisée en SGBD, sécurité informatique, Cloud et bien plus encore. Nous nous distinguons par notre expertise dans l'hébergement de CMS Open Source de premier plan tels que WordPress, WooCommerce, Drupal, Prestashop, Joomla, OpenCart et Magento, soutenus par un service d'assistance et de conseil de haut niveau adapté aux administrations publiques, aux PME et à toutes tailles.

Red Hat, Inc. détient les droits de Red Hat®, RHEL®, RedHat Linux® et CentOS® ; AlmaLinux™ est une marque commerciale d'AlmaLinux OS Foundation ; Rocky Linux® est une marque déposée de la Rocky Linux Foundation ; SUSE® est une marque déposée de SUSE LLC ; Canonical Ltd. détient les droits sur Ubuntu® ; Software in the Public Interest, Inc. détient les droits sur Debian® ; Linus Torvalds détient les droits sur Linux® ; FreeBSD® est une marque déposée de la FreeBSD Foundation ; NetBSD® est une marque déposée de la Fondation NetBSD ; OpenBSD® est une marque déposée de Theo de Raadt. Oracle Corporation détient les droits sur Oracle®, MySQL® et MyRocks® ; Percona® est une marque déposée de Percona LLC ; MariaDB® est une marque déposée de MariaDB Corporation Ab ; REDIS® est une marque déposée de Redis Labs Ltd. F5 Networks, Inc. détient les droits sur NGINX® et NGINX Plus® ; Varnish® est une marque déposée de Varnish Software AB. Adobe Inc. détient les droits sur Magento® ; PrestaShop® est une marque déposée de PrestaShop SA ; OpenCart® est une marque déposée d'OpenCart Limited. Automattic Inc. détient les droits sur WordPress®, WooCommerce® et JetPack® ; Open Source Matters, Inc. détient les droits sur Joomla® ; Dries Buytaert détient les droits sur Drupal®. Amazon Web Services, Inc. détient les droits sur AWS® ; Google LLC détient les droits sur Google Cloud™ et Chrome™ ; Facebook, Inc. détient les droits sur Facebook® ; Microsoft Corporation détient les droits sur Microsoft®, Azure® et Internet Explorer® ; La Fondation Mozilla détient les droits sur Firefox®. Apache® est une marque déposée de The Apache Software Foundation ; PHP® est une marque déposée du groupe PHP. CloudFlare® est une marque déposée de Cloudflare, Inc. ; NETSCOUT® est une marque déposée de NETSCOUT Systems Inc. ; ElasticSearch®, LogStash® et Kibana® sont des marques déposées d'Elastic NV. Ce site n'est affilié, sponsorisé ou autrement associé à aucune des entités mentionnées ci-dessus et ne représente aucune de ces entités de quelque manière que ce soit. Tous les droits sur les marques et noms de produits mentionnés sont la propriété de leurs titulaires respectifs des droits d'auteur. Toutes les autres marques mentionnées appartiennent à leurs titulaires. MANAGED SERVER® est une marque déposée au niveau européen par MANAGED SERVER SRL Via Enzo Ferrari, 9 62012 Civitanova Marche (MC) Italie.

JUSTE UN MOMENT !

Souhaitez-vous voir comment votre WooCommerce fonctionne sur nos systèmes sans avoir à migrer quoi que ce soit ? 

Entrez l'adresse de votre site WooCommerce et vous obtiendrez une démonstration navigable, sans avoir à faire absolument quoi que ce soit et entièrement gratuite.

Non merci, mes clients préfèrent le site lent.
Retour en haut de page