Google PageSpeed Insights est un outil d’analyse des performances développé par Google. Il offre des fonctionnalités intéressantes, notamment pour tester la vitesse de votre site web. Dans cet article, nous allons examiner de plus près comment utiliser Google PageSpeed Insights pour mesurer les performances de votre site Web.
Google PageSpeed Insights, qu’est-ce que c’est ?
Google PageSpeed Insights est un outil d’analyse des performances d’un site Web. Il vous permet d’obtenir un score de performance sur 100. Il propose aussi des suggestions pour améliorer ce score de performance.
Depuis fin 2018, PageSpeed Insights utilise Lighthouse pour calculer ce score. Autrement dit, les résultats sont basés sur les KPI de Lighthouse. Après analyse du site, PageSpeed Insights fournit deux types de données :
- Données de laboratoire,
- Données de terrain.
Les données de laboratoire fournissent des métriques à partir d’un environnement contrôlé avec des paramètres prédéfinis tels que des dispositifs de simulation et des paramètres réseau. Cette technique est assez efficace car elle permet de recréer indéfiniment les mêmes conditions. En revanche, elle ne permet pas vraiment de voir les vrais ralentissements de votre site web.
D’autre part, les données de terrain tiennent compte des données réelles et des paramètres réels du terrain. Ces données sont utilisées pour une analyse détaillée de l’expérience utilisateur sur votre site Web.
À quoi servent Google PageSpeed Insights ?
Cet outil gratuit de Google sert, entre autres, à mesurer la vitesse d’un site web afin d’y apporter les améliorations nécessaires. Grâce aux données présentées par PageSpeed Insights, vous pouvez comprendre les performances des différentes pages et tous les éléments à prendre en compte pour améliorer les temps de chargement de votre site.
L’outil vous permet de mesurer les performances du site Web sur les téléphones mobiles et les tablettes ainsi que sur un ordinateur. Tout d’abord, il mesure la vitesse de chargement des pages et propose des conseils pour améliorer ce temps.
En dehors de cela, il fournit également d’autres éléments essentiels pour améliorer les aspects techniques de votre site Web. Les données collectées servent de base à l’analyse de différents points techniques à améliorer :
- JavaScript,
- HTML,
- CSS,
- taille et optimisation des images,
- nombre de redirections, etc.
En corrigeant ces points relevés par Google PageSpeed Insights et en suivant ses recommandations, vous améliorez la vitesse d’affichage de la page analysée. En effet, en plus de ces données, l’outil donne aussi des conseils sur les mesures à mettre en place afin d’allonger le temps de chargement de votre site internet et ainsi réduire le taux de rebond.
Enfin, notez que la vitesse de votre site web et son taux de rebond sont indirectement 2 facteurs qui déterminent le référencement.
Quelles sont les fonctionnalités de Google PageSpeed Insight ?
Google PageSpeed Insight est un outil multifonctionnel qui vous permet de présenter des informations importantes sur les performances de votre site Web. Voici quelques-unes des principales fonctionnalités de cet outil.
Score de vitesse
Cet indicateur est l’un des plus utilisés. Le score sera de 0 à 100 en fonction de la vitesse de votre site Web. Ce paramètre est basé sur les données de laboratoire fournies par Lighthouse.
Données de terrain
Cet indicateur est principalement basé sur une expérience réelle du navigateur Chrome au cours des 30 derniers jours. Cela inclut First Contentful Paint (FCP) et First Input Delay (FID).
Données de laboratoire
Ce critère est basé sur l’analyse par Lighthouse d’événements recréés à partir de la réalité.
Opportunités
Cette section vous permet d’obtenir des recommandations basées sur des données de performances pour optimiser les temps de chargement de votre page.
Les propositions comprennent une estimation du temps gagné, si les conditions sont remplies.
Diagnostic
Le diagnostic vous donnera des conseils de développement que vous pourrez appliquer pour corriger certains désagréments dans vos codes.
Audits réussis
Dans cette section, vous pouvez saisir les conditions de performance que votre site a déjà réussi à respecter.
Comment améliorer son score PageSpeed Insights ?
Pour les personnes qui souhaitent tout de même obtenir un bon score PageSpeed Insights, voici quelques recommandations de Google.
Limiter l’utilisation de JavaScript et optimiser le serveur
En utilisant constamment JavaScript, vous pouvez être assuré que vous allez alourdir le code. Trop de scripts peuvent empêcher l’affichage de votre page. De plus, le serveur joue un rôle important dans le temps de chargement de la page.
Néanmoins, plusieurs autres facteurs peuvent ralentir le temps de réponse. On note ici par exemple un routage lent, une mémoire insuffisante, etc. Si PageSpeed Insights signale quelques ralentissements au niveau du serveur, pensez à trouver dès maintenant des solutions d’hébergement fiables.
Préférer les vidéos aux GIF
Les GIF sont des contenus visuels originaux dont le temps de chargement est très long, contrairement aux fichiers vidéo. En effet, ces derniers sont considérés comme moins volumineux. Le format MP4 reste plus lourd mais compatible avec tous les navigateurs. Tandis que le format WebM est le plus optimisé pour Internet, mais reste malheureusement moins compatible avec certains navigateurs.
Éliminer les ressources bloquant le rendu
La principale recommandation est d’éliminer les ressources inutiles bloquant le rendu de votre site. Ce sont des scripts de votre code source en JavaScript ou CSS. Leur téléchargement augmentera la latence de la page.
Éviter de fusionner les demandes critiques
Le concept d’agrégation de requêtes critiques est lié à la façon dont les navigateurs chargent votre page. En plus d’éliminer les ressources bloquant le rendu, il faut donc différer les images hors écran et limiter CSS et JavaScript.
Limiter le nombre de demandes et la taille des transferts
Google PageSpeed Insights propose également de limiter le nombre de requêtes sur votre site et les ressources qui ont été soumises. En effet, plus le navigateur envoie de requêtes au serveur, plus la réponse sera lente.
Avoir des images de taille appropriée
La taille correcte des images et des fichiers multimédias sur les pages est très importante. En effet, ces fichiers sont assez volumineux.
Activer la compression de texte GZIP
Cela permet au navigateur de rediriger vers une version réduite des pages. Cela optimise considérablement l’affichage du site Web.
Outre ces aspects, le temps de réponse du serveur doit aussi être idéal, inférieur à 600 ms. Si le temps est supérieur à 600 ms, il indique le PageSpeed Insights.
Ne pas rediriger pas les landing page
En SEO, vous ne pouvez pas éviter les redirections 301. Cependant, il vaut la peine de les utiliser aussi courtes que possible. Cette version mobile est actuellement en répétition sur les sites internet. Toutefois, le mode « responsive design » est privilégié.