Comment effectuer un test de vitesse de site web avec GTmetrix

Comment effectuer un test de vitesse de site web avec GTmetrix

Pour réussir en ligne, vous devez avoir un site Web rapide. Vous pouvez vérifier si votre site est performant en utilisant des outils de test de vitesse de site comme le fameux outil GTmetrix . Il vous montrera divers paramètres qui vous aideront à identifier ce qui ralentit votre site et comment résoudre ces problèmes.

L’amélioration de la vitesse de votre site vous apportera de nombreux avantages, tels qu’une meilleure position sur les SERPs (Search Engine Results Pages) et une meilleure chance d’inciter vos visiteurs à rester plus longtemps. Pour comprendre comment cela fonctionne, voici tout ce que vous devez savoir sur GTmetrix !

C’est quoi GTmetrix?

Il s’agit de l’un des outils les plus populaires pour analyser les performances de vitesse des sites. Si vous mettez un site Web à l’épreuve, il fournira un score de performance et un rapport qui montre l’état actuel du site ainsi que des suggestions sur ce qui peut être amélioré.

L’utilisation de cet outil est gratuite. Cependant, si vous souhaitez bénéficier de plus de fonctionnalités, telles que des filtres de rapport illimités et des graphiques d’utilisation des ressources, vous pouvez essayer GTmetrix Pro, qui commence à 14,95 $/mois avec le plan Bronze.

Une autre chose qui mérite d’être mentionnée est la façon dont GTmetrix incorpore les résultats de Google PageSpeed Insights et de YSlow pour former le score de performance et les recommandations. Grâce à cela, vous n’avez pas besoin d’effectuer le test sur un autre outil puisque les résultats couvrent un large spectre de mesures de performance et les présentent de manière exhaustive.

Avant d’exécuter un test de performance de vitesse dans GTmetrix, il y a certains facteurs que vous devez considérer. Examinons-les en détail !

Que faut-il prendre en compte lors d’un test de vitesse d’un site Web ?

Il est essentiel de s’assurer que les résultats du test sont précis et pertinents. Après tout, un résultat précis vous aidera à prendre une décision éclairée sur ce qui permettra d’améliorer la vitesse de votre site.

Pour améliorer la précision du test, vous devez prêter attention à ces facteurs :

  • Le nombre de tests – il ne suffit pas de faire un test unique car les résultats peuvent changer en fonction de la quantité de trafic. Essayez de répéter le test à différents moments.
  • Lieux du test – si vous avez un public local, vous pouvez choisir le lieu du test le plus proche de vos visiteurs. En revanche, si vous ciblez un public international, vous devriez effectuer le test dans plusieurs régions du monde.
  • Sujets de test – testez plusieurs articles et pages pour une meilleure analyse. Cela vous aidera à déterminer ceux qui doivent être optimisés.

Gardez à l’esprit que le but premier du test de votre site est d’améliorer les performances de l’ensemble du site plutôt que le score de performance. Ainsi, vous devez prendre en compte chaque suggestion du rapport pour décider laquelle aura le plus grand impact positif.

Comment effectuer un test de vitesse avec GTmetrix ?

GTmetrix est facile à utiliser – il suffit de taper l’URL que vous voulez tester, et vous êtes prêt à partir. Mais avant cela, vous voudrez peut-être modifier la configuration du test. Il suffit de cliquer sur le bouton Options d’analyse situé sous le bouton Analyser. Il ne sera disponible que si vous êtes connecté à un compte GTmetrix. Sans cela, vous ne pourrez pas changer la région ou d’autres options.

Lorsque vous êtes connecté, vous êtes libre d’utiliser les 30 serveurs de test répartis dans six régions :

  • Vancouver, Canada
  • Dallas, USA
  • São Paulo, Brazil
  • London, UK
  • Mumbai, India
  • Hong Kong, China
  • Sydney, Australia

Vous pouvez également tester les performances du site avec des navigateurs spécifiques comme Chrome, Firefox ou les navigateurs mobiles.

En outre, vous pouvez effectuer des tests avec différentes connexions. Les options vont de l’accès commuté 56k à une connexion non étranglée.

Il existe également des options supplémentaires, telles que la présentation d’une vidéo sur le chargement de la page ou l’interdiction de charger des publicités sur la page testée. Vous pouvez également configurer le test pour qu’il s’arrête à la fenêtre Onload, c’est-à-dire exactement lorsque le traitement de la page est terminé.

Lorsque vous êtes prêt à effectuer le test, cliquez simplement sur Analyser. Sous les scores de performance, vous pouvez voir six onglets couvrant différentes sections du rapport, chacun contenant des suggestions différentes pour améliorer la vitesse de votre site :

  • PageSpeed – Cet onglet fournit des recommandations basées sur Google PageSpeed Insights, telles que l’exploitation de la mise en cache du navigateur, les dimensions des images et la réduction du code HTML. Vous pouvez voir le score global de PageSpeed dans la case Scores de performance.
  • YSlow – Comme PageSpeed, il présente également des suggestions pour améliorer la vitesse, mais il propose des solutions différentes, comme la réduction du nombre de requêtes HTTP, la réduction des consultations DNS et l‘utilisation d’un CDN (Content Delivery Network).
  • Waterfall – Cet onglet vous indique le temps de chargement de chaque ressource. L’examen de cet onglet vous permettra de savoir quelles ressources doivent être optimisées. Par exemple, si un fichier image met du temps à se charger, vous pouvez utiliser un optimiseur d’image pour réduire sa taille et améliorer la vitesse de chargement.
  • Timing – it shows you some data related to the loading process. The result is more detailed, and if you want to find out more about each point, you can hover your cursor above it.
  • Video – cet onglet vous montrera une vidéo de l’ensemble du processus de chargement. Ainsi, vous pouvez voir visuellement quels éléments de la page prennent plus de temps à charger. Vous pouvez également télécharger la vidéo si vous souhaitez documenter les performances du site à chaque test.
  • History – Cet onglet présente l’historique des résultats des tests. Vous pouvez voir l’évolution du temps de chargement des pages, leur taille et les scores PageSpeed et YSlow.
    history tab on gtmetrix

Conseils faciles pour augmenter la vitesse des sites Web prevenant de GTmetrix

Maintenant que vous avez appris comment votre site doit être amélioré, appliquons certaines des suggestions fournies par GTmetrix !

Activation de la compression GZIP

La taille et le type de fichier peuvent affecter le temps de chargement global d’un site, car le navigateur doit charger différents types de fichiers, tels que HTML, CSS et JavaScript. Pour résoudre ce problème, vous pouvez essayer d’utiliser la compression GZIP. Vous pouvez vérifier si votre site est activé en utilisant des outils comme Check Gzip Compression.

Cela peut également dépendre de votre fournisseur d’hébergement. Hostinger utilise LiteSpeed (lien en Anglais) pour les sites WordPress et active GZIP par défaut.

Toutefois, si la compression GZIP n’est pas activée sur votre site, vous pouvez l’activer en modifiant le fichier .htaccess. Allez dans le répertoire public_html de votre site avec un client FTP comme FileZilla, ou en utilisant le gestionnaire de fichiers du hPanel. Placez cet extrait de code dans le fichier :

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>

Après avoir enregistré le fichier, vous pouvez tester à nouveau le site à l’aide du vérificateur, ou en exécutant un autre test GTmetrix et en vérifiant les onglets PageSpeed et YSlow.

Vous pouvez également installer un plugin WordPress comme WP fastest cache. La version gratuite vous permet d’activer la compression GZIP en quelques clics.

Réduire au maximum les CSS, JavaScript et HTML

La réduction des CSS, Javascript et HTML est un autre moyen d’améliorer le temps de chargement. Elle permet de supprimer tout caractère inutile dans chaque fichier, comme les caractères d’espace blanc ou les caractères de nouvelle ligne.

Vous pouvez essayer de réduire les fichiers Web en utilisant des outils comme Minify Code. Copiez le code original de GTmetrix, qui se trouve dans la section des suggestions de réduction dans les onglets PageSpeed ou Yslow, puis collez le code original dans l’outil de réduction pour obtenir la version optimisée. Ensuite, copiez-le et écrasez le texte original dans le répertoire de votre site. Vous pouvez le faire en utilisant un client FTP ou un gestionnaire de fichiers.

Conclusion

GTmetrix est un outil qui vous aidera à tester les performances de vitesse de votre site. Assurez-vous d’améliorer la précision des tests en tenant compte du nombre de tests que vous effectuerez, des emplacements, des sujets et de l’heure.

Dans cet article, vous avez appris quel type de suggestions GTmetrix fournit pour vous aider à améliorer la vitesse de chargement du site, et ce que signifie chaque onglet de test.

Avez-vous des questions concernant GTmetrix ? Faites-nous en part dans la section des commentaires ci-dessous !

Author
L'auteur

Fatima Zahra

Fatima Zahra est une passionnée du marketing digital et de l'IT, elle fait partie de l'équipe du contenu de notre site web pour apporter à nos chers internautes une meilleure expérience client. Ses passes- temps impliquent le blogging et l'apprentissage des langues pour se connecter véritablement au cœur avec les autres.