Les performances d’un site web sont cruciales pour assurer l’augmentation de son trafic. Google Page Speed Insights offre une variété d’outils qui peuvent être utilisés pour diagnostiquer et corriger les problèmes liés aux performances afin d’améliorer l’expérience utilisateur (UX). Dans cet article, je vous explique comment analyser un site web avec l’outil Google Page Speed Insights pour obtenir un meilleur référencement sur les moteurs de recherche.
Présentation de Google PageSpeed Insights
Qu’est-ce que c’est ?
Google Page Speed Insights est un outil gratuit qui vous aide à optimiser les performances de votre site web. Il analyse le temps de chargement de chacune de vos pages et vous fournit des recommandations pour l’améliorer.
Les entrepreneurs, blogueurs, marques (tout éditeur de site web) peuvent utiliser cet outil pour améliorer les temps de chargement de leur site web et par conséquent leur référencement naturel.
Google PageSpeed évalue les performances de votre site internet sur mobile et sur desktop, en livrant un rapport détaillé avec des informations précieuses pour chaque page analysée. Ce dernier vous permet de trouver et corriger plus facilement tout ce qui ralentit votre site web.
Comment l’utiliser ?
Pour utiliser Google Page Speed Insights, il vous suffit de vous rendre sur ce lien, saisir votre URL dans la barre et l’outil fera le reste. Vous obtiendrez alors un rapport qui inclura les points forts et les points faibles de votre page web ainsi que des recommandations personnalisées pour améliorer vos performances.
Google Page Speed Insights offre également une version en temps réel qui intègre des outils supplémentaires tels qu’une analyse interne et externe. Avec « Analyse interne », vous pouvez effectuer la même analyse automatique sur plusieurs URLs pour voir comment elles se comparent entre elles. La « vue externe » vous permet d’analyser la performance de votre site web d’un point de vue externe, comme si un visiteur anonyme cherchait à accéder à votre contenu.
Une fois que Google Page Speed Insights a terminé de scanner votre URL, vous obtenez un score de vitesse, l’un pour la version mobile de votre page, l’autre pour la version desktop. Un code couleur est utilisé (vert – orange – rouge), l’objectif étant bien sûr d’atteindre le vert pour vos pages.
il vous propose des actions spécifiques pour améliorer le temps de chargement de la page concernée. Vous pourrez alors travailler directement sur le code HTML ou utiliser des outils tiers (en installant un plugin WordPress par exemple).
L’intérêt d’améliorer les performances de son site web avec Google PageSpeed
Selon une étude de Think With Google datant de 2017, 53 % des utilisateurs quittent un site web qui met plus de 3 secondes à charger, soit la moitié.
| Temps de chargement optimisés ✅ | Non-optimisés ❌ |
|---|---|
| Amélioration de l’expérience utilisateur et des performances globales du site web. | Mauvaise expérience utilisateur, internautes qui quittent le site. |
| Augmentation du nombre de visiteurs et amélioration du taux de conversion. | Performances SEO dégradées pouvant entrainer une baisse du trafic et une diminution des conversions. |
| Économies d’énergie en limitant le nombre de ressources à charger sur un écran donné et en optimisant le temps nécessaire pour charger les contenus dynamiques. | Frais d’hébergement potentiellement plus importants si le serveur doit prendre en charge plusieurs requêtes simultanées par seconde provenant de plusieurs visiteurs en ligne. |
Les principaux facteurs qui peuvent ralentir un site web
Il existe un tas de paramètres qui peuvent freiner la vitesse de votre site web.
En règle générale, ce sont souvent les ressources Javascript, le poids des images et un trop grand nombre de plugins installés qui sont en cause.
Les fichiers non-optimisés prennent en effet plus de temps à être téléchargés car ils ont une taille plus importante. Quant aux images, elles peuvent ralentir de façon drastique l’affichage d’une page web quand elles sont trop volumineuses ou pas au bon format.
Voici d’autres facteurs qui peuvent expliquer une perte de vitesse sur un site web :
Chargement des ressources trop lent : les serveurs web trop lents ou la connexion lente à ces derniers engendrent un temps de chargement plus long pour le site.
Plugins tiers mal configurés : certains plugins tiers peuvent être mal configurés ce qui aura pour conséquence un ralentissement et / ou des erreurs sur les pages concernées.
Routage lent entre les pages : si les liens internes sont mal configurés, ils peuvent prendre du temps à se charger et entrainer de la « latence user experience ».
Cache insuffisant : un cache mal mis en place ou inadapté à votre site affichera toujours des contenus à chaque rechargement ce qui aura comme conséquence un temps de chargement plus long.
Comment optimiser son score sur Google PageSpeed Insights ?
Tout simplement en agissant sur les problèmes détectés via Google PageSpeed Insights.
Pour chaque problème identifié, l’outil vous propose une solution à tester qui peut être :
- Réduire le poids de vos images (via un plugin comme Imagify si vous êtes sur WordPress)
- Utiliser des fichiers CSS minifiés : Procurez-vous une version minifiée pour chaque feuille de style et procédez à une gestion des ressources appropriée pour inclure seulement les fichiers nécessaires dans chaque page (si vous ne savez pas ce qu’est un fichier minifié, rendez-vous en bas d’article).
- Mettre en place un système de cache dynamique et statique : le caching est la méthode la plus courante pour optimiser l’expérience utilisateur, car il stocke une version statique du contenu afin qu’il soit chargé plus rapidement lors d’une visite ultérieure du site web.
- Optimiser les polices : Vous pouvez réduire le temps de chargement en choisissant uniquement les polices dont vous avez vraiment besoin et en réduisant leur nombre.
- Vérifier vos plugins actifs : désactiver vos plugins un à un et vérifier votre nouveau score pour identifier rapidement les plugins qui seraient éventuellement responsables d’un temps de chargement trop long (à cause d’une incompatibilité avec d’autres plugins ou avec votre thème par exemple)
- Utiliser un Content Delivery Network (CDN) : Un CDN est un réseau de serveurs distribués géographiquement qui sont déployés à travers le monde entier. Une fois configuré, un CDN peut référencer et fournir votre contenu à travers les serveurs près de chaque utilisateur final, améliorant ainsi considérablement le temps de chargement de vos pages web.
Quelle est l’importance des temps de chargement pour le SEO ?
Google, accordent une importance à la vitesse de chargement des sites web car elle affecte directement l’expérience utilisateur et, par conséquent, le classement des pages. C’est pourquoi le temps de chargement est un critère qui est inclus dans le cadre d’un audit SEO.
Le principal risque lié au fait qu’un site mette trop longtemps à charger est que les internautes perdent patience et partent avant même d’avoir consulté son contenu. Ce qui se traduit souvent par un taux de rebond élevé.
Toutefois, d’après mon expérience, il ne faut pas tomber dans l’obsession qui serait de se focaliser sur un chiffre et de s’obstiner à « grapiller » la moindre seconde de chargement.
Concrètement, faire la chasse à la seconde de chargement n’aura aucun impact sur votre SEO.
Par contre, régler des problèmes majeurs de vitesse sur votre site web est primordial pour offrir une bonne expérience utilisateur, ce qui aura pour effet d’améliorer naturellement votre référencement et vos conversions.
Autres questions fréquemment posées sur Google Page Speed Insights
Quels types d’optimisation peuvent être effectués sur les images pour améliorer le score de vitesse d’une page ?
- Réduire la taille des images : en utilisant un logiciel de compression d’image. Il s’agit de réduire le nombre d’octets sans compromettre la qualité de l’image.
- Utiliser les formats d’image optimaux : tels que JPG ou PNG, selon le contenu à afficher et le type de fichier fourni par le site web.
- Utiliser des sprites CSS : pour charger plusieurs petites images sur un seul grand fichier plutôt que de charger plusieurs images individuelles.
Quels types d’optimisation peuvent être effectués sur le code HTML, CSS et Javascript pour améliorer le score de vitesse d’une page ?
- Utiliser des fichiers minifiés pour réduire la taille des fichiers HTML, CSS et JavaScript. Ces fichiers seront plus faciles à télécharger car ils comporteront moins de code et seront plus légers.
- Utiliser un système de cache côté client afin que les clients n’aient pas à télécharger les mêmes fichiers à chaque visite du site Web.
- Améliorer le chargement des ressources en priorisant les éléments essentiels dans le code HTML et en utilisant des outils de chargement asynchrone (comme AJAX) pour transférer les ressources non prioritaire sur une autre connexion.
Les termes en lien avec Google PageSpeed Insights
UX : Expérience utilisateur (User Experience), c’est la manière dont une personne ressent son interaction avec un produit
Lighthouse : Automatise l’audit des performances, des qualités accessibles, du référencement et des meilleures pratiques en matière de développement
CDN : Réseau de distribution de contenu (Content Delivery Network). Il permet de minimiser la distance entre le serveur web et l’utilisateur, améliorant ainsi le temps de chargement du site.
Javascript : Langage de programmation couramment utilisé pour ajouter des fonctionnalités supplémentaires aux sites web.
AMP : Pages web de type Accelerated Mobile Pages. Il s’agit d’une méthode permettant d’accélérer le chargement des pages sur les appareils mobiles.
HTTPS : Hyper Text Transfer Protocol sécurisé (Secure). Il s’agit d’un protocole de communication qui permet une connexion cryptée entre un serveur web et un navigateur internet.
Minification : Processus visant à réduire la taille des fichiers HTML, CSS et Javascript, ce qui permet d’augmenter le temps de chargement des pages web.
CMS : Systeme de gestion de contenu (Content Management System), permettant à l’utilisateur d’ajouter, modifier ou supprimer du contenu sans besoin de connaissances techniques spécifique.
À vous de jouer !
Google Page Speed Insights est un allié précieux pour optimiser la vitesse et la performance de votre site web. Il est facile à utiliser et offre des informations sur les différents éléments qui peuvent affecter le temps de chargement de vos pages. Les optimisations réalisées peuvent faire une énorme différence pour votre site et améliorer considérablement l’expérience utilisateurs de vos internautes.