Rien n’est plus frustrant qu’un site web lent.

Les temps de chargement lents perturbent l’expérience utilisateur globale et ont des impacts négatifs sur le potentiel de conversion de vos pages de destination.

Du point de vue du référencement, Google est moins susceptible de promouvoir des pages Web qui prennent trop de temps à charger.

Oui, la vitesse du site est un facteur de classement, donc prendre le temps de l’améliorer peut considérablement améliorer vos positions de classement.

Donc, si vous êtes prêt à passer de lent à rapide, le rapport PageSpeed ​​Insights de Google peut vous aider à déterminer si vos pages répondent ou non aux normes de performance et, si ce n’est pas le cas, comment les améliorer.

Utilisez ce guide pour comprendre votre rapport PageSpeed ​​Insights et apprendre à l’exploiter pour de meilleures performances SERP.

Qu’est-ce que la vitesse de page ?

Google définit la vitesse des pages de deux manières :

  • Combien de temps il faut pour afficher le contenu au-dessus du pli.
  • Combien de temps faut-il à un navigateur pour afficher entièrement la page.

Mais beaucoup dépend de la rapidité de nos pages Web. La connexion Internet de l’utilisateur, le service d’hébergement Web d’un domaine et l’effacement du cache peuvent avoir un impact sur les temps de chargement.

Ainsi, lorsque nous parlons de vitesse de page, certains éléments échappent au contrôle du propriétaire du site. Mais il existe de nombreux éléments que le webmaster peut optimiser, tels que des images, des vidéos, JavaScript, etc.

Parce que la vitesse de la page est si essentielle à l’expérience utilisateur, Google prend en compte les performances globales d’une page pour déterminer s’il faut la promouvoir dans les SERP.

Prendre le temps d’optimiser votre contenu pour la vitesse montre à Google que vous souhaitez créer une expérience de haute qualité pour les visiteurs de votre site.

Qu’est-ce que PageSpeed ​​Insights (PSI) de Google ?

PageSpeed ​​Insights est un outil de performance gratuit qui analyse le contenu d’une page Web donnée et fournit des scores de vitesse de page pour les versions mobile et de bureau de la page.

PageSpeed ​​Insights est un outil de performance gratuit qui analyse le contenu d'une page Web donnée.

L’outil identifie également les opportunités d’optimisation et formule des recommandations spécifiques d’amélioration.

L'outil identifie également les opportunités d'optimisation

PageSpeed ​​Insights est l’un des nombreux outils d’audit de la vitesse des pages disponibles pour les propriétaires de sites, mais il est de loin le meilleur pour ceux qui souhaitent améliorer la vitesse à des fins de référencement.

Avec PageSpeed ​​Insights, les propriétaires de sites peuvent voir en détail comment Google comprend les performances techniques de leurs pages.

PageSpeed ​​Insights et classement

Bien que la vitesse du site soit un facteur de classement, le score PSI ne l’est pas. Le score est conçu comme un aperçu des performances estimées.

Certaines des mesures sur lesquelles l’outil s’appuie pour calculer les scores PSI, comme Core Web Vitals, font partie de l’algorithme de classement de Google.

Tout cela pour dire que les scores PSI sont une bonne indication pour savoir si vos pages respectent ou non les normes de vitesse et de performance de Google. Il existe une forte corrélation entre des scores plus élevés et un meilleur classement des mots clés.

Lorsque la vitesse lente n’est pas résolue, toute stratégie de référencement sera déraillée par des pages sous-performantes.

Vitesse de la page et expérience utilisateur

Au-delà du référencement, la vitesse des pages est également essentielle à l’expérience utilisateur globale.

Pour les utilisateurs mobiles, la vitesse de chargement des pages est considérée comme le facteur le plus important, plus encore que la rapidité de trouver ce qu’ils recherchent ou la qualité esthétique de la page.

Vitesse de la page et expérience utilisateur

Un délai d’une à trois secondes augmente la probabilité de rebond du visiteur de 32 %.

Pire encore, les taux de conversion chutent en moyenne de 4,42 % à chaque seconde supplémentaire de temps de chargement.

L’amélioration de la vitesse du site n’est pas négociable pour toute stratégie d’optimisation des moteurs de recherche et d’optimisation des conversions.

L’outil PSI de Google est le meilleur endroit pour commencer à comprendre la vitesse de votre site et comment l’améliorer.

Utilisation de l’outil PageSpeed ​​Insights

Pour utiliser l’outil PSI de Google, entrez n’importe quelle URL dans la barre d’outils, appuyez sur Analyseret PSI se mettra au travail.

Rapports Google PageSpeed ​​Insights : un guide technique

Pendant que vous attendez que votre rapport soit généré, l’outil fait deux choses principales.

Tout d’abord, il rassemble les « données de champ » de la page ou les données de performances contenues dans le rapport d’expérience utilisateur Chrome (CrUX).

Deuxièmement, il mesure les performances de votre page via l’API Lighthouse. C’est ce qu’on appelle les « données de laboratoire », car elles mesurent la vitesse de la page Web dans un environnement simulé et contrôlé : des réseaux mobiles et un appareil de niveau intermédiaire.

Cela permet d’éliminer certaines variables qui peuvent avoir un impact sur la vitesse et les performances d’une page Web.

Comprendre votre rapport PSI

L’outil PSI de Google générera un rapport détaillé comprenant l’évaluation Core Web Vitals, les données du laboratoire Lighthouse, les opportunités, les diagnostics et les audits réussis.

Rapports Google PageSpeed ​​Insights : un guide technique

Tout au long du rapport PSI, le codage couleur permet de comprendre facilement les domaines dans lesquels la page fonctionne bien, doit encore être améliorée ou est sous-performante.

  • Vert = Bon.
  • Jaune = A améliorer.
  • Rouge = Pauvre.

Voici comment interpréter les informations dans chaque zone du rapport.

Évaluation Core Web Vitals (données de terrain)

Les données Core Web Vitals de PSI proviennent du rapport Chrome UX et comprennent trois mesures principales. Chacun capture un aspect différent de la vitesse et du temps de chargement.

Rapports Google PageSpeed ​​Insights : un guide technique
  • Première peinture de contenu (FCP): temps nécessaire au chargement du premier élément texte ou image.
  • La plus grande peinture de contenu (LCP): temps nécessaire au chargement de l’élément texte ou image le plus volumineux.
  • Premier délai d’entrée (FID): temps nécessaire au navigateur pour répondre à la première interaction de l’utilisateur.
  • Décalage de mise en page cumulé (CLS): Cela mesure tout mouvement de la page dans la fenêtre d’affichage.

Chaque métrique de performance est mesurée en secondes ou en millisecondes, à l’exception du Cumulative Layout Shift (CLS).

Le CLS est calculé à l’aide d’une formule spécialisée. Un score CLS inférieur à 0,1 est considéré comme bon, tandis qu’un score CLS supérieur à 0,25 est considéré comme médiocre.

Les données de terrain présentées dans le rapport proviennent des 28 jours précédents et seront toujours présentées accompagnées de barres de distribution.

En effet, les données de terrain sont constituées de données agrégées du rapport CrUX, et la même page Web ne fonctionne jamais de la même manière pour tous les utilisateurs.

Par exemple, dans le rapport ci-dessus, la page respectait les normes FCP 69 % du temps, mais ne respectait pas ces normes 31 % du temps.

Données de laboratoire

Les données PageSpeed ​​Insights Lab de Google incluent des données synthétiques de l’API Lighthouse. Lighthouse mesure Core Web Vitals et trois mesures supplémentaires.

Rapports Google PageSpeed ​​Insights : un guide technique
  • Indice de vitesse : Le temps nécessaire pour que le contenu apparaisse visuellement lors du chargement de la page.
  • Temps d’interactivité: Le temps qu’il faut pour que la page devienne entièrement interactive.
  • Temps total de blocage: La somme du temps entre le FCP et l’interactivité totale.

Contrairement aux données de terrain, les mesures mesurées dans les données de laboratoire ne contiendront pas de barre d’affichage, mais simplement les horodatages ou les résultats du test de laboratoire.

Il est important de noter que certaines de ces mesures ont plus de poids dans le score PSI global. Voici la rubrique pondérée actuelle pour les données de laboratoire dans Lighthouse 8.

Rubrique pondérée pour les données de laboratoire dans Lighthouse 8

Opportunités & Diagnostics

Les sections Opportunités et Diagnostics fournissent des recommandations spécifiques pour améliorer la vitesse des pages.

Rapports Google PageSpeed ​​Insights : un guide technique

Le rapport détaille également les économies de temps estimées que le suivi des recommandations pourrait apporter.

Pour obtenir plus de détails sur les étapes suivantes, cliquez sur la flèche déroulante à côté d’une opportunité donnée dans votre rapport.

L’outil expliquera le problème et fournira des conseils sur la façon de le résoudre.

Rapports Google PageSpeed ​​Insights : un guide technique

De même, la section Diagnostics du rapport détaille les meilleures pratiques que la page Web ne semble pas suivre en fonction de l’analyse de la page.

Rapports Google PageSpeed ​​Insights : un guide technique

Sélectionnez la flèche déroulante pour obtenir plus d’informations sur la meilleure pratique et les données spécifiques de l’analyse de la page liées à ce problème.

Rapports Google PageSpeed ​​Insights : un guide technique

Le nombre d’opportunités et de diagnostics pouvant être répertoriés dans cette section du rapport est assez long et dépendra des problèmes spécifiques que l’outil PSI détecte sur la page.

Audits réussis

Cette section du rapport permet essentiellement aux propriétaires de sites de savoir ce que la page fait correctement.

Rapports Google PageSpeed ​​Insights : un guide technique

Une longue liste d’audits réussis est un bon signe et signifie que votre page affiche les meilleures pratiques en matière de vitesse de page.

Après le rapport PSI et 6 conseils pour améliorer la vitesse de la page

Pour ceux qui débutent dans le référencement, le rapport PSI peut sembler extrêmement technique.

Mais heureusement, Google pense toujours à l’utilisateur et fait un excellent travail en fournissant des éléments d’action détaillés dans la section Opportunités du rapport.

Selon les opportunités et les problèmes identifiés par l’outil PSI, les prochaines étapes pour tout propriétaire de site varieront.

Cependant, certains problèmes courants affectent la vitesse des pages que les webmasters ont tendance à créer.

Les meilleures pratiques suivantes sont quelques optimisations simples qui peuvent aider à améliorer la vitesse et les temps de chargement pour la majorité des pages Web.

1. Optimisez vos images

Plus que tout autre élément de contenu, les images et les vidéos sont les plus susceptibles de produire des problèmes liés à une vitesse et des temps de chargement plus lents.

Des images correctement optimisées peuvent grandement contribuer à réduire les temps FCP et LCP et à éviter les problèmes de CLS.

Certaines pratiques exemplaires incluent :

  • Redimensionner et compresser les images.
  • Définissez une hauteur et une largeur spécifiques pour chaque image.
  • Utilisez un réseau de diffusion de contenu (CDN) pour diffuser vos images.

2. Intégrer du contenu vidéo

Si vous avez des vidéos sur votre site qui présentent vos produits ou services, évitez de les télécharger sur votre site.

Non seulement ils occupent beaucoup d’espace, mais ils peuvent également stresser votre serveur Web si de nombreux utilisateurs lisent les vidéos en même temps.

Au lieu de cela, stockez les vidéos ailleurs (comme YouTube) et intégrez du contenu vidéo sur votre page Web pour améliorer considérablement les temps de chargement.

3. Évitez les redirections excessives

Les redirections peuvent augmenter le temps jusqu’au premier octet (TTFB) ou le temps entre la demande au serveur et le moment où les premières données sont renvoyées au demandeur.

Éviter les chaînes de redirection excessives peut vous aider à améliorer la vitesse de la page et constitue une bonne pratique pour un meilleur référencement global.

4. Choisissez un thème de site Web plus rapide

Des thèmes de sites Web spécifiques sont optimisés pour la vitesse et peuvent améliorer considérablement vos temps de chargement. Certains thèmes sont plus légers, utilisent la compression GZIP ou ont un design plus réactif.

Consultez cette liste de thèmes WordPress à chargement rapide et déterminez si vous devez mettre à jour votre thème pour améliorer vos scores PSI et votre référencement global.

5. Utilisez le chargement asynchrone pour JavaScript

Pour rester simple, le chargement asynchrone aide le navigateur Web à devenir un meilleur multitâche.

En chargement synchrone, le navigateur suspend toutes les autres actions pendant le chargement du fichier JavaScript.

Le chargement asynchrone permet au navigateur d’accomplir d’autres tâches, comme peindre un tableau ou charger une feuille de style CSS, tout en téléchargeant simultanément le JavaScript.

Cette optimisation nécessite plus de connaissances en backend, alors assurez-vous de consulter un développeur Web pour mettre en œuvre cette stratégie.

6. Activer la mise en cache du navigateur

Il s’agit d’une optimisation fondamentale qui aide vos pages Web à se charger plus rapidement pour les visiteurs qui reviennent.

Avec la mise en cache du navigateur, les images et les vidéos seront stockées sur l’appareil de l’utilisateur et chargées à partir de là la prochaine fois qu’il visitera la page.

L’activation de la mise en cache du navigateur nécessite la modification (ou la création) d’un fichier .htaccess, qui est également mieux implémenté par un développeur Web qualifié.

Réflexions finales sur PageSpeed ​​Insights

Comprendre les rapports PageSpeed ​​Insights ne nécessite pas de connaissances techniques en SEO.

Bien que des correctifs spécifiques puissent nécessiter l’assistance de vos développeurs Web, le rapport PageSpeed ​​Insights fournira une feuille de route claire pour accélérer la vitesse du site.

Si Google constate que vous avez pris le temps de suivre les recommandations du rapport et d’offrir aux internautes une expérience Web de meilleure qualité, ils sont plus susceptibles de vous récompenser dans les SERP.

Davantage de ressources:

  • À quelle vitesse une page doit-elle se charger pour une expérience optimale ?
  • 18 plugins WordPress qui accéléreront votre site
  • Référencement technique avancé : un guide complet

Image en vedette : Roman Samborskyi/Shutterstock

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici