1. Introduction
Afin d’améliorer les performances de votre site Web WordPress, vous devez comprendre comment il fonctionne actuellement. L’outil de test de vitesse GTmetrix est un outil qui analyse votre site Web afin de vous montrer comment il se comporte et où vous pouvez apporter des améliorations.
À ce jour, GTmetrix a analysé plus de 579 millions de pages. Il est très facile à utiliser ; il suffit d’entrer l’URL de votre site web et vous obtiendrez les performances actuelles de votre site, y compris les scores et les recommandations.
Tout cela est bien beau, et il existe de nombreux outils qui peuvent faire des choses similaires, mais à quoi servent-ils si vous ne comprenez pas les résultats ?
Lorsque l’outil de test de vitesse GTmetrix vous renvoie vos résultats de performance et vos recommandations, vous pouvez vous sentir un peu dépassé. Bien que les informations qu’ils produisent soient excellentes, il est difficile de savoir par où commencer.
Cet article a pour but de vous donner une vue d’ensemble de l’outil de test de vitesse GTmetrix, et de vous aider à comprendre comment l’utiliser efficacement afin d’améliorer les performances de vos sites Web.
2. Comment exécuter un test de vitesse GTmetrix pour votre site web
Pour commencer à analyser votre site Web, vous devez vous rendre sur le site Web de GTmetrix. Vous pouvez y saisir l’URL de votre site Web et cliquer sur Tester votre site pour commencer.
Cependant, je vous recommande de vous inscrire à un compte GTmetrix gratuit car il présente de nombreux avantages. Si vous ne vous inscrivez pas, votre test de vitesse utilisera les options par défaut suivantes :
- Vitesse d’essai depuis Vancouver, Canada
- Utilise Google Chrome (ordinateur de bureau)
- Connexion sans fil
Vous pouvez également effectuer des tests sur des appareils mobiles, à différentes vitesses de connexion comme la 3G, etc.
Une fois que vous avez cliqué sur Analyser depuis votre compte, GTmetrix vous propose une page de résultats de votre site web. Cela vous dit :
- Quand le rapport a été généré
- Où se trouvait le lieu du test
- Quelles conditions ont été utilisées
- Performances et détails de la page
3. PageSpeed
Une fois que votre site Web a été analysé, l’onglet PageSpeed est mis en évidence par défaut. Il utilise Google PageSpeed pour calculer un score sur 100 sur différentes métriques. GTmetrix calcule un score global sur 100 pour vous donner votre score PageSpeed.
La vitesse de la page peut être affectée par de multiples facteurs, notamment l’optimisation des images, la mise en cache du navigateur, la vitesse du serveur, un code excessif, etc.
Si vous cliquez sur la flèche déroulante située à côté de la recommandation, par exemple Servir des images à l’échelle, vous verrez la recommandation de manière plus détaillée, les éléments qui posent problème et la manière de les corriger.
Si vous n’êtes pas sûr de la signification d’un élément, vous pouvez vérifier le Type dans la colonne de droite, ou cliquer sur Qu’est-ce que cela signifie ? à côté de la recommandation.
4. YSlow
Très similaire à PageSpeed, YSlow analyse votre site Web et utilise un ensemble de règles pour déterminer un score. GTmetrix utilise 19 règles pour calculer votre score YSlow, chacune ayant sa propre recommandation pour accélérer votre site Web.
Voici quelques-unes des recommandations les plus courantes de YSlow :
- Réduisez les codes CSS et JavaScript : En réduisant votre code CSS et JavaScript, vous pouvez supprimer le code inutile sans modifier son fonctionnement. De manière très similaire à l’optimisation des images, vous réduisez les choses, sans qu’il y ait d’effet visuel. Je recommande vivement de télécharger Autoptimize pour WordPress à cette fin.
- Utilisez un CDN : un réseau de diffusion de contenu (CDN) contribuera à accélérer votre site web en diffusant le contenu statique de votre site à partir de plusieurs serveurs dans le monde. Cela aide particulièrement les visiteurs de votre site Web qui sont plus éloignés du serveur de votre hôte Web. Les hébergeurs web comme BlueHost incluent souvent le CDN CloudFlare gratuitement.
- Évitez les erreurs 404 : Vous avez probablement déjà rencontré une erreur 404 sur un site web. Cela signifie simplement que vous avez atterri sur une page web qui n’existe pas, et ce n’est pas un endroit que vous voulez que vos utilisateurs visitent. Je vous recommande d’utiliser un vérificateur de liens brisés comme ahrefs pour vous assurer que vous n’avez pas de pages 404 potentielles.
5. Chute d'eau
L’onglet Waterfall est davantage recommandé aux utilisateurs avancés. Si vous construisez votre premier site Web ou si vous n’avez pas confiance en vos capacités techniques, ce domaine peut vous paraître un peu difficile.
Waterfall vous montre toutes les requêtes HTTP de votre site web. Une requête HTTP est chaque élément individuel d’une page web, par exemple une image, un fichier CSS, Google Analytics, etc.
C’est pourquoi il est recommandé de ne pas abuser des plugins, car chaque requête HTTP augmente le temps de chargement de votre site. GTmetrix vous montre l’URL, le domaine et la taille de chaque requête HTTP.
Vous pouvez voir le temps de chargement de chaque requête et filtrer en fonction de facteurs tels que le HTML, les images, les polices, etc. Cela permet de comprendre d’où vient la majeure partie de vos demandes HTTP.
6. Horaires
L’onglet “Timings” donne un aperçu plus détaillé du temps nécessaire pour atteindre certaines mesures, comme la durée de la connexion, le délai du premier octet (TTFB), le délai de la première peinture de contenu, etc.
Vous pouvez passer la souris sur chaque mesure afin d’obtenir une description plus détaillée de celle-ci.
7. Vidéo
Cet onglet est pertinent si vous avez activé l’option de vidéos de chargement de page lorsque vous avez effectué votre premier test de vitesse GTmetrix. Une liste de vidéos apparaîtra, vous permettant de voir en détail comment votre site web se charge, ce qui apparaît en premier, et la possibilité de ralentir les vidéos.
Lorsqu’un site ou une page web se charge, il peut être difficile de déterminer quel contenu apparaît en premier, car dans de nombreux cas, la vitesse est assez rapide. Cela vous permettra d’évaluer s’il y a des problèmes ou des erreurs qui apparaissent, même pendant une fraction de seconde.
8. Histoire
Le dernier onglet est l’onglet Historique. Comme vous l’avez sans doute deviné, cela vous permet de consulter l’historique de vos résultats aux tests précédents. C’est utile car vous pouvez analyser les résultats des performances précédentes par rapport aux résultats actuels, et voir comment les performances de votre site Web se sont (espérons-le) améliorées au fil du temps.
Vous pourrez voir les résultats des 30 derniers jours, après quoi ils seront supprimés.
Bien qu’il s’agisse probablement de l’onglet le plus simple, je trouve l’onglet historique incroyablement utile et je ne manquerai pas d’y revenir à chaque fois que des améliorations seront apportées.
9. Outil de test de vitesse GTMetrix : Conclusion
L’outil de test de vitesse GTmetrix est un outil très utile, si vous l’utilisez correctement. J’espère que cet article vous a ouvert les yeux sur la façon d’utiliser GTmetrix, et vous a donné un aperçu plus détaillé de chacun des onglets disponibles.
Si vous souhaitez améliorer les performances de votre site Web, vous devrez examiner plus en profondeur les onglets mentionnés dans cet article. Si le résumé est bon à savoir, vous ne pourrez pas améliorer les choses si vous ne tenez pas compte des recommandations.
Cependant, je ne veux pas non plus que vous vous enfonciez trop dans les scores de GTmetrix. Bien qu’ils soient incroyablement utiles, ils ne sont que des conseils, et tous les domaines ne nécessitent pas ou ne peuvent pas être améliorés. Vous trouverez peut-être que la vitesse de votre site est en fait très bonne, mais il est intéressant de comprendre comment votre site se charge, et quels facteurs contribuent à son temps de chargement.
