Comment utiliser GTmetrix pour tester la vitesse d'un site Web ! (Outil de test de vitesse 2022)

Publié: 2021-10-04

GTmetrix pour tester la vitesse d'un site Web

La vitesse d'un site web est un facteur très important pour le référencement. Pour certains sites Web, une seule seconde peut entraîner des milliers de dollars de revenus gagnés ou manqués.

C'est pourquoi la vitesse du site Web est censée être un point crucial. Malheureusement, il n'est pas facile de mesurer la vitesse du site Web.

Dans ce blog, vous trouverez un moyen de mesurer la vitesse de votre site Web en utilisant l'un des outils WordPress les plus connus, connu sous le nom de GTmetrix. GTmetrix est un meilleur outil pour tester la vitesse d'un site Web.

4 facteurs différents de test de vitesse

Comme beaucoup d'autres outils, le GTmetrix est le meilleur car il peut sembler utile si vous effectuez une vérification hors vitesse. Pour en tirer les meilleurs résultats, vous devrez effectuer différents tests en tenant compte de tous les différents facteurs.

Certains facteurs les plus importants de GTmetrix pour tester la vitesse d'un site Web sont énumérés ci-dessous

1. Nombre de tests

Vous devez effectuer un certain nombre de tests de vitesse pour obtenir des données complètes. Idéalement, il serait préférable d'effectuer des tests de vitesse à différents moments de la journée. C'est une bonne idée de programmer le test horaire et de passer le test de vitesse au moins pendant 1 semaine.

Nous avons suggéré cette stratégie car pendant toute la journée, les performances d'un site Web changent fréquemment en fonction du nombre de visiteurs et en fonction de l'utilisation du serveur si vous utilisez un hébergement mutualisé.

Le meilleur résultat de tester fréquemment la vitesse de votre site Web sera que vous pourrez voir les heures de pointe qui vous suggéreront le meilleur moment pour partager le contenu de votre site Web et cibler un maximum de visiteurs et présenter des fenêtres contextuelles.

Il est également indiqué que vous obtiendrez le résultat en effectuant le test 5 ou 10 fois au cours d'une heure.

Ainsi la vitesse de chargement peut varier sur une semaine ou une journée. Et cette note est révélée par le GTMetrix.

2. Lieux d'essai

Le lieu du test joue un rôle important dans les résultats de votre test.

Vous devez choisir l'emplacement du test qui est très proche des visiteurs cibles et vous assurer que l'emplacement doit être plus proche de l'emplacement physique du serveur d'hébergement.

Si votre site Web ne cible qu'un seul emplacement, vous devrez vous soucier des résultats des tests pour cet emplacement particulier.

Vous devez choisir 4 à 5 serveurs de test si vous souhaitez cibler le public mondial. Si possible, essayez de tester dans différents endroits, par exemple un serveur d'Europe, un des États-Unis, un d'Asie et un d'Australie.

Il est important d'enregistrer le compte gratuit pour sélectionner l'emplacement à partir duquel le GTmetrix est utilisé.

Le meilleur signe pour savoir que vous devez maintenant commencer à utiliser CDN est que si vous avez trouvé que le temps de chargement de la page pour un emplacement spécifique est inférieur à la moyenne tout en ciblant le public mondial.

3. Cibles de test

La plupart des gens ne testent que la page d'accueil. Et c'est l'erreur la plus courante et la plus importante qui peut vous faire reculer. La toute première chose est que la page d'accueil de votre site Web doit contenir un minimum d'informations gourmandes en données. Et il devrait se charger plus rapidement.

En outre, il existe des possibilités que votre page d'accueil ne soit pas si importante que vous considérez. Il est donc très important de considérer également d'autres pages, y compris la page d'accueil, lorsque vous travaillez avec GTmetrix pour tester la vitesse d'un site Web .

En termes simples, vous pouvez dire que la vitesse de votre page d'accueil est très importante, mais que les autres pages de votre site Web comptent également. Assurez-vous donc que vous effectuez également des tests sur d'autres pages, y compris les pages de produits, les pages de publication unique, les pages de magasin, etc.

4. Testez les vitesses/appareils de connexion

Lors du test de la vitesse d'un site Web, la plupart des gens testent simplement l'expérience de bureau et ne testent pas l'expérience mobile.

C'est une erreur très courante car plus de la moitié du trafic provient du mobile.

Ainsi, la vitesse de votre site Web peut être différente sur les appareils de bureau et les appareils mobiles. Par exemple, par rapport aux ordinateurs de bureau, les appareils mobiles mettront plus de temps à charger JavaScript.

Donc, si votre site Web contient un fichier javascript lourd, il y a de fortes chances que votre site Web mette beaucoup de temps à se charger par rapport au temps pris par un ordinateur de bureau pour charger le site Web.

Un autre facteur crucial à prendre en compte est la vitesse de connexion. Tous vos visiteurs n'utilisent peut-être pas des connexions filaires ultra-rapides. Par exemple, la plupart de vos clients utilisent peut-être leur téléphone en 4G, ce qui ralentira même le temps de chargement de la page.

Si vous souhaitez vérifier l'expérience de vos visiteurs sur votre site Web, vous pouvez charger votre site Web avec différentes vitesses de connexion et différents appareils.

Vous pouvez tester gratuitement votre site Web à différentes vitesses de connexion avec GTmetrix, mais si vous souhaitez tester le site Web à l'aide d'appareils mobiles, vous devrez payer pour cela.

Comment utiliser le test de vitesse GTmetrix

Si vous souhaitez utiliser les fonctionnalités de base de GTmetrix pour tester la vitesse d'un site Web, cela est gratuit. Il vous suffit de visiter leur page principale, c'est-à-dire http://gtmetrix.com/. Ajoutez maintenant l'URL de votre site Web et commencez à analyser.

Nous vous suggérons de commencer à utiliser ses fonctionnalités gratuites en vous inscrivant simplement. Il a tellement d'options flexibles à vous offrir sans investir d'argent.

Si vous passez le test sans vous inscrire, il vous sera demandé d'utiliser une configuration répertoriée ci-dessous

  • Utiliser un navigateur Chrome de bureau
  • Utilisez des connexions ultra-rapides sans restriction
  • Test de Vancouver, Canada

Si la cible principale est canadienne, vous pouvez la tester, mais si ce n'est pas le cas, vous devrez la tester à un autre endroit.

Lors de l'enregistrement d'un compte pour GTmetrix gratuit, il fournira de nombreuses fonctionnalités et options de configuration qui vous aideront à tester sur un emplacement préférable.

  • Appareils de test - Firefox (bureau) et chrome (bureau) gratuitement. Vous pouvez tester Chrome sur l'appareil Android si vous choisissez un forfait payant.
  • Emplacement - Hong Kong (Chine), Mumbai (Inde), Dallas (États-Unis), Sao Paulo (Brésil), Londres (Royaume-Uni), Sydney (Australie), Vancouver (Canada).
  • Vitesses de connexion - Différentes options du haut débit jusqu'à 56k

L'accès à plus d'outils d'analyse sera donné dans un compte gratuit. Après avoir créé un compte gratuit, vous pouvez

  • Ajouter l'URL de la boîte de réception de votre site Web
  • Cliquez sur l'option d'analyse

Pour connaître plus d'options dans les temps de chargement du site Web, vous devrez choisir au moins deux options :

  • À l'aide de l'URL du texte dans la liste déroulante, vous devrez choisir l'emplacement proche des publics ciblés.
  • Dans le menu déroulant de connexion, choisissez haut débit (rapide).

Vous pouvez sélectionner une vitesse de connexion différente qui correspond à vos besoins lorsque vous travaillez sur GTmetrix pour tester la vitesse d'un site Web.

tableau de bord d'analyse de vitesse

Après avoir exécuté le test, la boîte récapitulative sera affichée par le GTmetrix

L'encadré récapitulatif contient des informations importantes telles que

  • Taille totale de la page – Cela résumera la taille de votre site Web. Le petit site Web est préférable par rapport au plus grand.
  • Temps de chargement complet - Pour charger complètement votre site Web, combien de temps cela prend réellement (le facteur le plus important est le temps de chargement pris).
  • Score de vitesse de la page - Une courte estimation du niveau d'optimisation de votre site Web frontal
  • Requête – Nombre total de requêtes HTTP requises par votre site Web. moins est bon nombre pour cela.
  • Score YSlow - Dans divers ensembles de mesures, la façon dont votre site Web de fin de police est optimisé sera affichée ici.

Ne pensez plus aux scores Slow et PageSpeed. Ces deux scores sont un conseiller important. Mais le nombre le plus important à prendre en compte est le temps de chargement de la page.

Comment utiliser l'option d'analyse avancée

L'exemple donné ci-dessus est la métrique actuelle d'un site Web. Mais si votre objectif principal est d'améliorer le site Web, vous trouverez l'un des outils d'analyse les plus avancés fournis par GTMetrix pour tester la vitesse d'un site Web, ce qui vous aide à savoir comment fonctionne votre site Web.

Ce Metrix est divisé en 6 points différents :

  • PageSpeed - Cela marquera votre site Web contre 23 recommandations différentes fournies par Google PageSpeed
  • YSlow - Cela marquera votre site Web contre 19 recommandations fournies par YSlow
  • Cascade - Ce point sera utile pour comprendre comment chaque requête HTTP se charge sur votre site Web.
  • Timings - Pour cela, vous aurez besoin d'un compte gratuit. pour les temps de chargement, vous pourrez voir les différentes mesures de synchronisation.
  • Vidéo – Aussi pour ce point, vous aurez besoin d'avoir un compte gratuit. Cela vous permettra de filmer une vidéo montrant comment votre site Web se charge visiblement.
  • Historique – Vous pouvez suivre les performances de votre site Web au fil du temps.

Parlons de YSlow et PageSpeed

YSlow et PageSpeed ​​sont les méthodologies importantes qui vous aideront à justifier l'impact de la mécanique et de la structure de votre site Web sur sa vitesse. Il fournira la recommandation dans les résultats qui rendra votre site Web plus rapide.

Certaines suggestions qu'il pourrait inclure sont la réduction des actifs, la mise en cache, l'activation de la compression GZIP, l'ajout d'en-têtes d'expiration, etc.

Les scores fournis par YSlow et PageSpeed ​​dépendront des scores moyens pondérés que vous obtenez à partir de recommandations distinctes. Certaines suggestions sont en fait beaucoup plus importantes, vous pouvez donc les voir dans la colonne des priorités.

La petite flèche est fournie dans chaque recommandation afin que vous puissiez en savoir plus sur cette suggestion particulière en cliquant dessus.

Remarque : ne tenez pas compte des scores en pourcentage. Le pourcentage d'affichage peut être erroné car il peut afficher le pourcentage en tenant compte de quelques fonctionnalités qui ne sont pas du tout importantes.

Par exemple, la taille complète en mégaoctets de la page (qui est principalement affectée en raison d'images mal optimisées).

Plutôt que de considérer ces pourcentages, concentrez-vous sur la vitesse de chargement réelle de la page qui est fournie en quelques secondes. Votre objectif devrait être d'être chargé sur votre site Web en 3 secondes si vous voulez vraiment atteindre vos objectifs.

Même sans obtenir le bon score, vous pouvez avoir un site Web à chargement rapide à 100% et c'est OK.

La cascade

Pour identifier l'embouteillage dans la vitesse de votre site Web WordPress, la cascade joue un rôle important. Il fournit des informations complètes sur chaque requête HTTP sur votre site Web et sur la rapidité de son chargement.

Chaque élément de votre site Web correspond à une requête HTTP différente. Un actif peut être défini comme une feuille de style CSS, des fichiers image, un script, etc.

Par exemple, si la zone de détails du test indique que votre site Web contient 26 requêtes, cela signifie que les 26 ressources différentes seront chargées. Cela signifie clairement que dans l'analyse en cascade, vous aurez 26 entrées différentes.

Il est important de rechercher chaque actif présent sur votre site Web, il doit également être transféré et affiché. Chaque barre de la cascade montre comment chaque étape est concentrée sur chaque actif.

affichage cascade

Certaines étapes sont indiquées ci-dessous que chaque actif traverse.

  • Connexion – Temps total nécessaire pour créer une connexion
  • Attente - Le temps total passé en attente d'une réponse
  • Connexion – Le temps total nécessaire pour résoudre le DNS
  • Blocage - Le temps total passé en attente d'une connexion dans la file d'attente du navigateur.
  • Envoi – Le temps total requis pour envoyer une demande.
  • Réception – Pour télécharger le contenu, le temps total pris.

Certaines hypothèses peuvent être faites sur la base de ces informations sur ce qui se passe sur votre site WordPress.

L'outil cascade mentionné ci-dessus vérifie la petite ligne bleue verticale. Il indique le point où DOM est réellement chargé. Alors que la ligne rouge indique la page de temps chargée.

Le TTFB (temps jusqu'au premier octet) est également un pointeur crucial de la vitesse de votre serveur et il est affiché en attendant les détails dans les cascades.

Si vous vérifiez continuellement le niveau élevé de TTFB même si vous avez apporté les améliorations conformément à la recommandation fournie, cela signifie que c'est à cause du serveur hôte qui rend votre site Web indisponible.

La partie la plus technique de GTmetrix est l'analyse en cascade. En outre, il peut être considéré comme l'une des analyses les plus utiles. Si vous ne savez pas comment cette analyse fonctionne, vous pouvez consulter les directives fournies par GTmetrix.

Horaires

Les informations complètes seront fournies dans des jalons particuliers par l'onglet des horaires. Il vous dira quand et comment votre page sera chargée.

Exemple
Lorsque les gens commenceront à penser au temps de chargement de votre site Web, ils commenceront à penser à la seule métrique.
En fait, une définition différente est prise en compte lorsque la page est « chargée ».

Prenons un exemple où lorsque chaque contenu au-dessus du pli est visible pour les visiteurs, la page est-elle chargée ? Ou s'il charge tous les scripts backend à la fin du téléchargement, même si ces scripts n'ont pas interagi avec des visiteurs humains.
Ce sont toutes les distinctions cruciales lorsque nous parlons de l'expérience des visiteurs de votre site Web.

La principale préoccupation de la plupart des gens est le temps qu'il leur faudra pour commencer à voir du contenu visible sur le site Web. En fait, l'arrière-plan n'est pas la principale préoccupation pour eux.

Votre site Web peut prendre un certain temps pour être entièrement chargé, mais si vous êtes en mesure de charger rapidement le contenu de votre page, les utilisateurs penseront que votre site Web se charge rapidement.

C'est la principale raison pour laquelle Google pilote la métrique connue sous le nom de "plus grande peinture de contenu" plutôt que de "temps de chargement de la page".

Utilisez GTMetrix pour tester la vitesse et les délais d'un site Web. Les timings sont des aspects très utiles qui vont peser sur ces différentes métriques. Certaines mesures suivantes sont données ci-dessous que vous pourrez voir.

DOM chargé
Temps jusqu'au premier octet (TTFB)
DOM interactif
Première peinture
Recharger
Première peinture contente

Lorsque vous passez la souris sur la métrique en question, cet onglet fournira également les informations complètes sur chaque métrique.

Remarque : si vous vous êtes inscrit pour un compte GTmetrix gratuit, vous pourrez voir ce rapport.

Vidéo

L'autre outil le plus important est la vidéo qui vous aidera à mesurer la façon dont votre site Web transmet réellement des charges à l'humain. Certaines des choses sont données ci-dessous que vous découvrirez avec cet outil.

Quand le contenu est-il visible ?

Y a-t-il de longs "changements" de contenu ? au fur et à mesure que des éléments supplémentaires se chargent, le contenu « se déplace » ou « saute ». Vous ferez l'expérience d'une telle chose lorsque les annonces seront chargées sur le site Web de contenu, le texte "saute vers le bas".

Y a-t-il des flashs de contenu sans style ? par exemple, parfois, lorsque des polices personnalisées sont chargées, cela prend du temps. Ainsi, lorsqu'il passe aux polices personnalisées à partir des polices système, le texte "saute".

Le changement de mise en page cumulatif (CLS) est le dernier élément qui fait également partie des Core Web Vitals de Google.

Les deux améliorations différentes du chargement de votre site Web sont données ci-dessous. La vidéo vous permettra de regarder l'enregistrement d'écran de votre site Web.

À 1/4 de vitesse, l'enregistrement peut être ralenti lentement. Cela vous aidera à voir très facilement des éclairs de contenu sans style ou des changements de contenu.

Par exemple, la première peinture de contenu, vous pourrez passer à des jalons de chronométrage plus importants.

onglet vidéo

Google fait de son mieux sur ces métriques de chargement de l'expérience utilisateur. Il serait donc bon d'utiliser sa fonctionnalité afin que vous puissiez trouver le principal problème avec elle.

  • Vous devrez faire ces deux choses pour prendre un enregistrement vidéo
  • Pour un compte GTmetrix gratuit, inscrivez-vous.
  • Créer un paramètre vidéo doit en être un lorsque vous commencez à exécuter le test.

Histoire

Historique de GTmetrix

Un autre onglet est l'historique vous permettra de voir plusieurs résultats de test sur une seule page avec le graphique qui est très facile à comprendre. Il est important de savoir comment les temps de chargement de votre page changent.

Dans GTmetrix, vous pourrez ajouter une note si vous passez au plugin de mise en cache ou à un nouvel hôte pour vérifier comment le temps de chargement est affecté.

Avec GTmetrix comment mettre en place les alertes et la surveillance automatique ?

La capacité de configurer la surveillance automatique des performances est la fonctionnalité la plus utile fournie par le compte GTmetrix.

Avec un compte gratuit, vous pouvez utiliser la surveillance, mais en réalité, c'est juste limité. À partir du serveur de Vancouver, Canada, vous pourrez configurer les tests automatiques - vous ne pouvez pas sélectionner les autres emplacements du test.

Pour un maximum de 3 URL, vous pouvez sélectionner parmi les fréquences données :

  • Hebdomadaire
  • du quotidien
  • Mensuel

En haut des pages de résultats de test, cliquez sur le bouton Monitor pour activer la surveillance et configurer le moniteur de votre site Web.

Page du moniteur GTmetrix

Le résumé des e-mails de votre site Web sera envoyé par le GTmetrix, ainsi à partir de l'onglet historique, vous pourrez les voir.

À partir de divers emplacements de test, vous pouvez surveiller le site Web si vous payez pour Gtmetrix Pro, vous pourrez également surveiller le test toutes les heures et consulter certains sites Web supplémentaires.

Vous pouvez configurer les alertes personnalisées lorsque vous activez la surveillance - considérons un exemple que si le temps de chargement de votre page est supérieur à un certain nombre, vous pouvez recevoir un message d'alerte, plus vous recevrez le message s'il y a une augmentation de TTFB et tant d'autres conditions.

En cliquant sur le bouton de configuration des alertes, vous pourrez définir tout cela dans l'interface des résultats des tests.

Page de résultats GTmetrix

Pour les utilisateurs de WordPress, quelques conseils sont donnés ci-dessous

Pour améliorer le score de GTmetrix, vous pouvez implémenter beaucoup plus de choses qui vous aideront à minimiser les temps de chargement des pages.

Certains correctifs sont mentionnés ci-dessous que vous pouvez implémenter

  • Assurez-vous que vous utilisez des serveurs optimisés pour WordPress.
  • Vous devez choisir un plan d'hébergement Web si vous avez un hébergement mutualisé non optimisé ou un hébergement générique.
  • Vous devriez commencer à utiliser les fonctionnalités des plugins de mise en cache, par exemple WP Super Cache, WP Total Cache, WP Rocket, etc.
  • Vous pouvez optimiser les images de votre site Web qui prennent beaucoup de temps à se charger. Vous pouvez utiliser certains des meilleurs plugins WordPress pour optimiser les images. Certains des meilleurs plugins sont ShortPixel, WP Smush, Imagify, etc.
  • Votre site Web ne doit pas être constitué de JavaScript bloquant le rendu. vous pouvez l'optimiser avec le plugin Autoptimize.
  • Les profils de réseaux sociaux indésirables doivent être supprimés de votre page.
  • Minimisez tous les scripts, tirez parti de la mise en cache du navigateur et la compression GZIP doit être activée.
  • Le point le plus crucial à considérer est de supprimer tous les plugins indésirables.
  • Et utilisez GTmetrix pour tester la vitesse d'un site Web.

Conclusion:
Vous avez besoin d'un outil qui vous aidera à rendre votre site Web plus rapide. Cependant, GTmetrix est la meilleure solution pour vous qui surveillera et testera la vitesse de votre site Web à partir de différents endroits et vous fournira des détails complets sur la façon dont vous pouvez rendre votre site Web plus rapide.

Assurez-vous simplement de tester toutes les pages de votre site Web à partir de différents emplacements.