GTmetrix : Revue (Avis, Caractéristiques, Prix)

Revue détaillée de GTmetrix

Qu'est-ce que GTmetrix ?

GTmetrix est un outil d'analyse comparative de sites Web développé par une société canadienne appelée GT.net. L'outil GTmetrix permet aux utilisateurs d'apprendre facilement à quelle vitesse leur site est ou n'est pas performant, où il est performant et où il est moins performant. GTmetrix a acquis la réputation d'être l'outil de benchmarking le plus populaire sur Internet à ce jour.

GTmetrix est connu pour être facile à utiliser et à comprendre, ce qui le rend idéal pour les débutants comme pour les développeurs expérimentés. Des entreprises telles que BMW, HPE, Hasbro, Bayer Pharmaceuticals, T-Mobile, Nordstrom, Thomson Reuters, etc. font confiance à GTmetrix. Si c'est assez bon pour eux, c'est assez bon pour le reste d'entre nous, je dis ! 

Qu'est-ce que la note GTmetrix ?

La note GTmetrix est une note pondérée qui est dérivée des résultats des nouveaux scores de performance et de structure, qui remplacent les anciens scores PageSpeed et YSlow des anciens rapports. 

La note GTmetrix est une moyenne pondérée des deux nouveaux scores basés sur le pourcentage :

• La note de performance, qui représente 70 % de la note totale. 
• Le score de structure, qui représente les 30 % restants du score total.

La note GTmetrix est basée sur une formule très simple qui attribue actuellement une pondération de 70/30 pour les scores de performance et de structure, respectivement.

Gardez à l'esprit que, bien qu'il s'agisse de la configuration actuelle de la note GTmetrix, GTmetrix modifie et met à jour ses formules en permanence, et celles-ci évolueront au fil du temps. Ce n'est que depuis novembre 2020 qu'ils ont commencé à utiliser cette nouvelle méthode. 

Score de performance

Le score de performance vous indique comment votre page se comporte du point de vue de l'utilisateur.

Lorsque vous faites le calcul, le score de performance est celui de votre phare tel qu'il a été capturé par les tests GTmetrix, en utilisant son navigateur, son code matériel et logiciel, ainsi que toutes les options que vous avez spécifiées, telles que AdBlock, les vitesses de connexion, etc.)

Voyons comment se décompose le score de performance :

Le score de performance est composé de 6 mesures clés avec les pondérations suivantes :

La performance de chargement, qui représente 55% de cette partie du score. Ce score se décompose comme suit :

• Première peinture Contentful - 15%. Ce paramètre mesure la rapidité avec laquelle les visiteurs peuvent visualiser le contenu réel de votre site, comme le texte, les images et les vidéos. 
• Indice de vitesse - 15 %. Cet indicateur mesure la rapidité avec laquelle votre page est visuellement complète au-dessus du pli. 
• Le tableau le plus riche en contenu - 25 %. Il s'agit d'une métrique de performance introduite en 2020 par Lighthouse pour mieux mesurer l'expérience de chargement perçue par les utilisateurs. C'est également l'une des métriques composant les Web Vitals de Google, pour référence. 

• L'interactivité, qui constitue 40% de la partie de ce score. Ce score se décompose comme suit :

• Temps d'accès à l'interactivité - 15 %. Il s'agit d'une mesure de performance qui évalue la réactivité de chargement d'une page et permet d'identifier les situations où une page semble être une page interactive, mais ne l'est pas en réalité. 
• Durée totale de blocage - 25 %. Il s'agit d'une mesure de performance introduite par Lighthouse en 2020, qui évalue le temps total pendant lequel votre page Web a été bloquée par l'utilisateur. C'est également l'une des mesures qui composent les Web Vitals de Google, pour référence. 

• La stabilité visuelle, qui représente 5% de la partie de ce score. Ce score se décompose comme suit :

• Déplacement cumulatif de la mise en page - 5 %. Il s'agit d'un indicateur de performance introduit en 2020 par Lighthouse, qui mesure la stabilité visuelle perçue du chargement d'une page, c'est-à-dire le déplacement inattendu d'éléments Web sur la page pendant son chargement. C'est également l'une des mesures qui composent les Web Vitals de Google, pour référence. 

Chacun de ces paramètres est mesuré + calculé sous forme de score, puis comparé à un seuil, et le résultat global, avec une pondération appropriée, constitue le Score de performance final. Les résultats du score de performance sont disponibles dans l'onglet Performance du rapport GTmetrix. 

Score de performance GTmetrix VS Google PageSpeed Insights VS web.dev

Même si PageSpeed Insights et web.dev de Google sont pilotés par Lighthouse, ils utilisent leur propre matériel et leurs propres méthodologies de test pour créer votre score de performance. Il y a quelques différences clés qui font que le score de l'outil de Google diffère de celui de GTmetrix, notamment :

• Différences géographiques.
• Différences matérielles.
• Différences de réseau.
• Autre "Google-Magic"

Les scores générés par les outils de Google et le Performance Score de GTmetrix devraient être similaires, mais ils ne seront pas directement comparables. Il est important d'en comprendre les raisons. 

• GTmetrix utilise un "vrai" navigateur pour charger votre page avec une connexion non étranglée, sauf indication contraire de votre part, en utilisant son matériel spécifique et ses options de test. Certaines de ces options, comme l'emplacement, la vitesse de connexion et la résolution d'écran, par exemple, peuvent être modifiées en fonction des besoins de l'utilisateur. 
• PageSpeed Insights et web.dev lancent des tests de performance en utilisant des navigateurs headless et émulés, et utilisent l'étranglement du réseau pour simuler le chargement des pages dans différentes conditions de réseau. Contrairement aux tests GTmetrix, vous ne pouvez pas modifier les options de ces tests, telles que l'emplacement, la vitesse de connexion ou la résolution d'écran, entre autres. 

De plus, les outils Google, PageSpeed Insights et web.dev utilisent Lantern, ce qui se traduit par des comportements de chargement de page sensiblement différents, donnant lieu à des scores de performance et des résultats de test différents. 

Score de structure

Le score de structure est une évaluation exclusive des audits d'opportunité et de diagnostic Lighthouse, pour être précis. L'équipe de GTmetrix a pris les audits de web.dev et leur a attribué des points en fonction de nombreux facteurs, dont les économies potentielles et l'importance, tels que perçus par leur équipe. Tout comme les scores PageSpeed et YSlow dans les rapports Legacy, votre score de structure reflète la qualité de la construction et de l'optimisation de votre site. 

L'équipe de GTmetrix a également inclus certains de ses propres audits qu'elle juge importants pour les performances des sites et des applications Web. 

Les détails complets du score de structure sont répertoriés dans l'onglet Structure du rapport GTmetrix :

Maintenant, vous vous demandez peut-être si mes notes de structure ont une incidence sur mes notes de performance. 

Non. Mais l'amélioration de vos Scores de structure peut généralement améliorer les performances de la page/du site que vous avez testé(e) dans son ensemble. Ce qui, au final, se traduit par de meilleurs scores de performance et, par extension, par un meilleur score GTmetrix. 

Vous devez considérer les audits de structure individuels comme les ingrédients de la recette qui consiste à créer un site Web de qualité, réactif et performant. 

Web Vitals

Google a établi les Web Vitals comme étant les mesures de base sur lesquelles vous devriez vous concentrer lorsque vous essayez d'offrir une expérience rapide sur un site Web ou une application Web. 

Les paramètres de Web Vital sont les suivants :

• Largest Contentful Paint (LCP) - ce paramètre mesure le temps qu'il a fallu à votre plus grand élément de contenu pour s'afficher. 
• Temps de blocage total (TTB) - il mesure le temps bloqué par les scripts pendant le chargement de la page. 
• Cumulative Layout Shift (CLS) - il mesure le nombre de déplacements de la mise en page auxquels l'utilisateur a été confronté lorsqu'il a chargé votre site Web/application Web. 

Si vous obtenez de bons résultats dans ces domaines, cela signifie que vous offrez à vos visiteurs une expérience rapide et agréable, comme le dit Google. 

Facteurs les plus importants de GTmetrix pour tester la vitesse d'un site Web

1. Nombre d'essais

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 d'effectuer le test de vitesse au moins pendant une semaine.

Nous avons suggéré cette stratégie car, tout au long de la journée, les performances d'un site Web changent fréquemment en fonction du nombre de visiteurs et de l'utilisation de la boîte du serveur si vous utilisez un hébergement partagé.

En testant fréquemment la vitesse de votre site Web, vous serez en mesure de voir les heures de pointe, ce qui vous suggérera le meilleur moment pour partager le contenu de votre site Web, cibler un maximum de visiteurs et mettre en valeur les popups.

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

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

2. Lieux des tests

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. Assurez-vous également que l'emplacement soit plus proche de l'emplacement physique du serveur d'hébergement.

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

Vous devez choisir 4 ou 5 serveurs de test si vous souhaitez cibler un public mondial. Si possible, essayez de tester dans différents endroits, par exemple un serveur en Europe, un aux États-Unis, un en Asie et un en 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 commencer à utiliser un CDN est que le temps de chargement d'une page pour un emplacement spécifique est inférieur à la moyenne alors que vous ciblez un public mondial.

3. Cibles des tests

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 à faire est que la page d'accueil de votre site Web doit contenir un minimum d'informations à forte intensité de données. Et elle doit se charger plus rapidement.

De plus, il est possible que votre page d'accueil ne soit pas aussi importante que vous le pensez. Il est donc très important de prendre en compte les autres pages, y compris la page d'accueil, lorsque vous utilisez GTmetrix pour tester la vitesse d'un site Web.

Pour simplifier, on peut dire que la vitesse de votre page d'accueil est très importante, mais que les autres pages de votre site sont tout aussi importantes. Veillez donc à effectuer des tests sur d'autres pages également, notamment les pages de produits, les pages d'articles uniques, les pages de magasins, etc.

4. Testez les vitesses de connexion/les dispositifs

Lorsqu'ils testent la vitesse d'un site Web, la plupart des gens se contentent de tester l'expérience de bureau et omettent de tester 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.

Par conséquent, si votre site Web contient un fichier javascript lourd, il y a de fortes chances que votre site Web prenne beaucoup de temps à être chargé 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 pas forcément des connexions filaires ultra-rapides. Par exemple, la plupart de vos clients utilisent leur téléphone en 4G, ce qui ralentit le temps de chargement de la page.

Si vous voulez vérifier comment vos visiteurs vivent votre site Web, vous pouvez le charger avec différentes vitesses de connexion et différents appareils.

Vous pouvez tester gratuitement votre site web sur différentes vitesses de connexion avec GTmetrix, mais si vous cherchez à tester le site web en utilisant des appareils mobiles, vous devrez payer.

Comment utiliser le test de vitesse GTmetrix ?

Si vous voulez utiliser les fonctions de base de GTmetrix pour tester la vitesse d'un site web, c'est gratuit. Il vous suffit de vous rendre sur leur page principale, à savoir http://gtmetrix.com/. Ajoutez ensuite l'URL de votre site Web et commencez à l'analyser.

Nous vous suggérons de commencer à utiliser ses fonctions gratuites en vous inscrivant. Il a tellement d'options flexibles à vous fournir sans investir de l'argent.

Si vous passez le test sans vous inscrire, il vous sera demandé d'utiliser les paramètres suivants

• Utilisez un navigateur Chrome de bureau
• Utiliser des connexions ultra-rapides non étranglées
• Test de Vancouver, Canada

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

Lors de l'enregistrement d'un compte pour GTmetrix gratuit, celui-ci fournira de nombreuses fonctionnalités et options de configuration qui vous aideront à effectuer des tests sur un emplacement préférable.

• Testez les appareils - Firefox(desktop) et chrome (desktop) gratuitement. Vous pouvez tester chrome sur l'appareil android si vous choisissez un plan payant.
• Localisation - 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 allant du haut débit au 56k

L'accès à plus d'outils d'analyse sera donné dans un compte gratuit.

Après avoir créé un compte gratuit, vous pouvez :

• Ajoutez 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 des sites 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 la liste déroulante des connexions, choisissez large bande (rapide).

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

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

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

• Taille totale des pages - Elle résume la taille de votre site Web. Un petit site est préférable à un site plus grand.
• Temps de chargement complet - Pour charger complètement votre site web, combien de temps cela prend-il (le facteur le plus important est le temps de chargement).
• Score de vitesse de la page - Estimation sommaire du degré d'optimisation de votre site Web frontal.
• Requête - Nombre total de requêtes HTTP requises par votre site web. Moins est un bon chiffre pour cela.
• Score YSlow - Parmi les différentes séries de mesures, la façon dont votre site Web de polices est optimisé sera indiquée ici.

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

YSlow et PageSpeed.

YSlow et PageSpeed sont des méthodologies importantes qui vous aideront à justifier la façon dont la mécanique et la structure de votre site Web auront un impact sur sa vitesse. Elles vous fourniront des recommandations dans les résultats qui rendront votre site Web plus rapide.

Parmi les suggestions qu'il peut inclure, citons la réduction des ressources, la mise en cache, l'activation de la compression GZIP, l'ajout d'en-têtes d'expiration, et bien d'autres encore.

Les scores fournis par YSlow et PageSpeed dépendent 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 de priorité.

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

Note : Ne tenez pas compte des scores en pourcentage. Le pourcentage affiché peut être erroné, car il pourrait être calculé en tenant compte de quelques caractéristiques qui ne sont pas du tout importantes.

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

Plutôt que de considérer ces pourcentages, concentrez-vous sur la vitesse réelle de chargement des pages, qui est indiquée en secondes. Votre objectif devrait être d'obtenir le chargement de 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 bien ainsi.

Waterfall

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

Chaque ressource de votre site Web est une requête HTTP différente. Une ressource peut être définie comme une feuille de style CSS, des fichiers image, un script, etc.

Par exemple, si la boîte de détails du test indique que votre site Web a 26 demandes, cela signifie que 26 actifs différents seront chargés. 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 faut également le transférer et l'afficher. Chaque barre de la cascade montre comment chaque étape est concentrée sur chaque actif.

Voici quelques étapes par lesquelles passe chaque actif.

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

Sur la base de ces informations, il est possible de formuler quelques hypothèses sur ce qui se passe sur votre site Web WordPress.

L'outil de cascade mentionné ci-dessus vérifie la petite ligne bleue verticale. Elle indique le point où le DOM est effectivement chargé. Tandis que la ligne rouge indique le temps de chargement de la page.

Le TTFB (time to the first byte) est également un indicateur 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 effectué les améliorations selon les recommandations fournies, cela signifie que c'est le serveur hôte qui est à l'origine de l'arrêt de votre site.

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

Horaires

L'information complète sera fournie dans des étapes particulières par l'onglet "timings". Il vous dira quand et comment votre page sera chargée.

Exemple

Lorsque les gens commencent à penser au temps de chargement de votre site web, ils commencent à penser à la métrique unique.

En fait, une définition différente est prise en compte lorsque la page est "chargée".

Prenons l'exemple suivant : lorsque le contenu au-dessus du pli est visible pour les visiteurs, la page est-elle chargée ? Ou si tous les scripts dorsaux sont chargés à la fin du téléchargement, même si ces scripts n'ont pas interagi avec les visiteurs humains.

Ce sont là des 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 de savoir combien de temps il leur faudra pour commencer à voir du contenu visible sur le site Web. En fait, l'arrière-plan n'est pas leur principale préoccupation.

Le chargement complet de votre site peut prendre un certain temps, mais si vous parvenez à charger rapidement le contenu de votre page, les utilisateurs penseront que votre site est chargé rapidement.

C'est la principale raison pour laquelle Google utilise la mesure connue sous le nom de "plus grande peinture contentful" plutôt que le "temps de chargement de la page".

Utilisez GTMetrix pour tester la vitesse et les délais d'un site Web. Les temps sont des aspects très utiles qui vont majorer ces différentes métriques. Vous trouverez ci-dessous quelques mesures que vous pourrez observer.

• DOM chargé
• Temps jusqu'au premier octet (TTFB)
• DOM interactif
• Première peinture
• Rechargez
• Première peinture de contenu

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

Note : si vous vous êtes enregistré 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 est chargé par les humains. Voici quelques exemples de ce que vous pourrez découvrir grâce à cet outil.

Historique

Un autre onglet, l'historique, vous permettra de voir les résultats de plusieurs tests sur une page avec le graphique qui est très facile à comprendre. Il est important de savoir qu'au fil du temps, le temps de chargement de vos pages change.

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

Lancer son premier test avec GTmetrix

GTmetrix propose son service sous deux formes, les comptes gratuits et les comptes premium. Les principales différences des comptes payants sont que vous avez accès aux emplacements de test premium et que vous pouvez effectuer plus de tests par semaine.

Avec un compte GTmetrix gratuit, vous avez accès aux serveurs dans les lieux de test gratuits suivants :

• San Antonio, Texas, États-Unis
• Vancouver, Canada
• São Paulo, Brésil
• Londres, Royaume-Uni
• Mumbai, Inde
• Hong Kong
• Sydney, NSW, Australie

Avec un compte payant, vous avez accès aux emplacements ci-dessus, mais aussi aux serveurs premium énumérés ci-dessous :

• San Francisco, Californie, États-Unis
• Cheyenne, Wyoming, États-Unis
• Chicago, Illinois, États-Unis
• Danville, Virginie, États-Unis
• Ville de Québec, Québec, Canada
• Stockholm, Suède
• Amsterdam, Pays-Bas
• Francfort, Allemagne
• Paris, France
• Dubaï, Émirats arabes unis
• Johannesburg, Afrique du Sud
• Chennai, Inde
• Busan, Corée du Sud
• Tokyo, Japon

Si votre site Web suscite beaucoup d'intérêt dans une région spécifique, un compte premium peut s'avérer très utile pour effectuer des tests plus locaux. 

Pour cet article, nous utiliserons un compte gratuit. Tout d'abord, voyons comment personnaliser notre test :

Lorsque vous exécutez votre test, vous avez la possibilité de configurer diverses options, dont beaucoup sont très utiles, en cliquant sur le menu déroulant Options d'analyse. 

Décomposons ces options, car il y en a beaucoup. 

• A - Il s'agit du paramètre du serveur. Si vous cliquez sur le menu déroulant, vous avez la possibilité de changer entre les différents serveurs disponibles pour les tests. 
• B - Vous pouvez modifier le type de navigateur/appareil pour les tests. Si vous testez l'aspect de votre site sur un iPad ou un type de téléphone spécifique, ce menu déroulant est fait pour vous. N'oubliez pas que vous ne pouvez sélectionner un autre appareil que si vous avez un compte Pro.
• C - Ce paramètre vous permet d'étrangler la connexion afin d'expérimenter le chargement de votre site sur un certain type de connexion, comme l'accès commuté ou la téléphonie mobile 3G/4G. 
• D - Ce paramètre vous permet de déboguer les problèmes de chargement des pages en voyant exactement comment la page se charge dans l'environnement de test. Vous pouvez alors afficher la page jusqu'à 4 fois plus lentement pour vous aider à identifier les problèmes de rendu ou autres problèmes de chargement de la page. 
• E - En utilisant le paramètre AdBlock Plus, vous pouvez voir si les fameuses règles du plugin AdBlock Plus affectent les performances de votre page ou le chargement des CSS/assets, comme cela peut arriver avec certaines configurations. De plus, si vous avez des publicités sur votre site, vous pouvez voir ce que cela donne de charger votre site sans les publicités et obtenir ces informations sur les performances. 
• F - Si le site que vous évaluez nécessite une authentification HTTPS, c'est ici que vous devez l'entrer. 
• G - Avec l'option "Only Allow URL", vous pouvez demander à GTmetrix de charger uniquement les ressources qui correspondent à une ou plusieurs URL de la liste. 
• H - Si vous testez des pages qui exigent que l'utilisateur soit connecté, comme une page de paiement par exemple, ou une liste de souhaits, vous pouvez insérer le cookie et l'ID de session ici pour simuler cela. 
• I - Avec la fonction Bloquer l'URL, vous pouvez empêcher le chargement de ressources qui correspondent à une ou plusieurs URL de la liste. 

Maintenant que nous avons couvert les paramètres, exécutons notre test ! Je vais effectuer un test depuis San Antonio, TX, car cette ville est assez proche de l'emplacement du serveur où nous hébergeons notre site de test. 

Maintenant que notre texte a été exécuté, examinons les résultats ! 

Interprétation des résultats de GTmetrix

Les rapports que GTmetrix génère sont très informatifs, mais aussi exceptionnellement détaillés. Par conséquent, leur compréhension peut être un peu difficile. Laissez-nous vous faciliter la tâche en vous expliquant ce que ces informations signifient pour vous et votre site web/application. 

 Détails de l'évaluation et de la notation

Le système de notation utilisé dans le nouveau rapport GTmetrix est vaguement basé sur le système de notation de Lighthouse.

Cependant, les tests ont été améliorés et légèrement modifiés par la configuration propre à GTmetrix afin de fournir les résultats que leur outil fournit. Le résultat final est le nouveau rapport GTmetrix.

Composition des onglets de reporting de GTmetrix

La nouvelle version de GTmetrix apporte une nouvelle version de rapports. Jetons un coup d'œil aux rapports et examinons chaque section. 

Onglet Résumé

Cet onglet est nouveau dans les rapports GTmetrix et vous montre un instantané complet de la performance, de la structure et du comportement de la charge.

Vous devez considérer tous les problèmes qui apparaissent ici comme des actions à entreprendre. Les seules informations contenues dans cette section peuvent fournir des indications importantes pour améliorer les performances de votre page. 

Visualisation de la vitesse

En haut du rapport se trouve la visualisation de la vitesse, qui est une capture d'intervalle du chargement de la page avec des drapeaux qui marquent les différentes mesures de votre score de performance au fur et à mesure du chargement de votre site Web. 

Thèmes principaux

Les audits énumérés ici ont un impact critique sur la performance de votre site web/application web. Leur résolution a un effet ÉNORME sur les autres audits de structure et peut améliorer considérablement votre note globale GTmetrix et vos scores de performance et de structure. 

Au fur et à mesure que vous corrigez les éléments suggérés par les audits et les tests de restauration, vous verrez apparaître de nouveaux audits dans la section des problèmes. Cela vous permet de donner la priorité à ce que vous voulez corriger (ou faire corriger par votre développeur), en fonction de l'impact sur les performances de votre page. C'est génial ! 

Détails de la page

La section "Détails de la page" présente un graphique du type de requêtes qui composent votre page, y compris le nombre de requêtes nécessaires pour charger la page/application Web et la taille en octets qu'elles représentent. 

La section Détails de la page est également très utile pour déterminer si votre page Web est très chargée en ressources telles que JavaScript, CSS et images.

Si vous survolez un segment particulier du graphique, vous obtiendrez des informations supplémentaires sur ce type de demande dans son ensemble. 

Onglet Performance de GTmetrix

Dans la version mise à jour de GTmetrix, l'onglet Timings a été supprimé et remplacé par le nouvel onglet Performance, qui affiche les mesures de votre score de performance de manière très détaillée ! 

Chaque mesure de l'onglet Performances est accompagnée d'une description (que j'ai activée pour que vous puissiez la voir), ce qui vous permet de savoir ce qu'elle signifie en un coup d'œil. En outre, les indicateurs sont codés par couleur pour indiquer votre performance dans ce domaine. 

Onglet Structure de GTmetrix

L'onglet Structure est le successeur des onglets PageSpeed et YSlow des rapports hérités, qui contiennent vos audits Lighthouse basés sur la structure et les meilleures pratiques pour des performances optimales du site Web/de l'application Web. 

L'image ci-dessus est une excellente représentation d'un site qui n'a pas besoin de beaucoup de travail pour s'améliorer, mais votre site peut ne pas s'en sortir aussi bien, en fonction de sa configuration.

Si vous avez des audits qui doivent être améliorés, vous verrez une mise en page sous forme de tableau avec tous les audits organisés en fonction de leur degré d'adhésion, les moins performants étant placés en haut. 

Une nouvelle fonctionnalité de cette version mise à jour de GTmetrix Reporting est l'impact des audits, qui est une évaluation exclusive de GTmetrix qui consiste en des économies potentielles, un impact sur vos mesures et d'autres considérations auxquelles vous devriez réfléchir.

L'impact représente essentiellement l'importance de l'impact de l'audit particulier sur votre score de performance. Ils sont calculés sur la base des résultats de chaque analyse, puis placés dans l'un des seuils suivants :

Les impacts cumulés de chaque audit sont calculés et additionnés pour former le score de structure de la page. En cliquant sur le menu déroulant à côté de chaque audit, vous le développerez et révélerez les résultats qui ont contribué à l'impact de l'audit. 

Avis final - GTMetrix

Cette version de GTmetrix est la plus complète à ce jour sur le Web et a été entièrement repensée pour intégrer les nouvelles données des tests Lighthouse, qui vont très probablement changer toute la façon dont vous évaluez les performances de votre site. 

Si vous avez besoin de ressources sur "Comment optimiser" votre site pour obtenir de meilleurs résultats dans GTmetrix, vous pouvez toujours ouvrir un ticket à partir de votre laboratoire ou du chat en direct et demander à nos ingénieurs du bonheur de vérifier votre site et de faire quelques recommandations ! 

Nous espérons que cette couverture complète des nouveaux rapports GTmetrix vous aidera à mieux comprendre ce que vous voyez lorsque vous exécutez un rapport et qu'il ne s'agit pas seulement de langage de geek pour vous. 

FAQ - GTMetrix

Comment le nouveau rapport GTmetrix se compare-t-il à l'ancien rapport ?

Eh bien, pour l'essentiel, il n'y a pas de comparaison possible. Les mesures sont désormais basées sur Lighthouse, qui est fondamentalement différent des recommandations PageSpeed et YSlow précédentes. Les rapports peuvent partager certains délais, mais ils ne constituent pas une comparaison directe.

Le nouveau rapport GTmetrix est une toute nouvelle référence permettant aux propriétaires de sites d'évaluer les performances de leurs sites ou applications web. 

Que signifient les codes de couleur individuels dans GTmetrix ?

Ne vous inquiétez pas ! Découvrez la signification des codes de couleur ci-dessous :

Sous la section des mesures du score de performance se trouve la section des temps de navigation. Ils n'ont aucun impact sur votre score de performance, mais ils devraient fournir des informations supplémentaires sur la performance de votre page ou application et valent vraiment la peine d'être consultés. 

Pourquoi devrais-je me préoccuper de la vitesse de mon site avec GTmetrix ?

L'expérience de vos utilisateurs en termes de navigation sur votre site doit être une excellente raison. Les utilisateurs ont de nombreuses options lorsqu'il s'agit de consommer du contenu sur Internet, et un site Web aux performances lentes frustrera vos utilisateurs, les envoyant ailleurs. Un site Web plus rapide et plus réactif les gardera plus engagés et concentrés sur votre contenu, plutôt que d'attendre le chargement de scripts et d'images.

Une autre raison est le référencement. Google utilise déjà la vitesse des pages dans son algorithme de classement, et prévoit d'y intégrer également l'expérience des pages, par le biais de l'initiative Web Vitals.

Cela signifie que les sites se chargeant plus rapidement et offrant une bonne expérience utilisateur peuvent être mieux classés dans les résultats des moteurs de recherche. Lorsque les développeurs et les spécialistes du marketing cherchent à optimiser leurs sites, la vitesse et l'expérience des pages devraient figurer parmi les principales optimisations à prendre en compte.

Comment configurer les alertes et la surveillance automatique avec GTmetrix ?

La possibilité de configurer le contrôle automatique des performances est la fonction la plus utile fournie par le compte GTmetrix.

Avec un compte gratuit, vous pouvez faire usage de la surveillance mais en réalité, elle est juste limitée. C'est à partir du serveur de Vancouver, au Canada, que vous pourrez configurer les tests automatiques, mais vous ne pourrez pas sélectionner les autres lieux de test.

Pour un maximum de 3 URLs, vous pouvez choisir parmi les fréquences données :

• Hebdomadaire
• Quotidiennement
• Mensuel

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

Le condensé d'email de votre site web sera envoyé par GTmetrix, donc à 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. De plus, vous serez en mesure de surveiller le test toutes les heures et pourrez vérifier certains sites Web supplémentaires.

Vous pouvez configurer des alertes personnalisées lorsque vous activez la surveillance. Par exemple, si le temps de chargement de votre page est supérieur à un certain nombre, vous pouvez recevoir un message d'alerte, ainsi qu'un message en cas d'augmentation de l'indice TTFB et de nombreuses autres conditions.

En cliquant sur le bouton "Configurer les alertes", vous pourrez les configurer dans l'interface des résultats de test.

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

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

Voici quelques solutions que vous pouvez mettre en œuvre

• Assurez-vous que vous utilisez des serveurs optimisés pour WordPress.
• Vous devez choisir un plan d'hébergement Web si vous disposez d'un hébergement partagé non optimisé ou d'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, et plus encore.
• Votre site Web ne doit pas comporter de JavaScript bloquant le rendu. Vous pouvez l'optimiser avec le plugin Autoptimize.
• Les profils de médias sociaux non désirés doivent être supprimés de votre page.
• Minimisez tous les scripts, exploitez le 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 GTmetrixt pour tester la vitesse d'un site web.

Mon site se charge assez rapidement... pourquoi devrais-je le changer ?

Tout est question d'efficacité et d'optimisation. Votre site se charge peut-être rapidement, mais il pourrait l'être encore plus si vous teniez compte de certaines des meilleures pratiques. Vous pourriez même être en mesure de réduire les coûts de bande passante et d'hébergement en minimisant votre empreinte.

De même, votre site peut se charger rapidement mais un visiteur peut ne pas le percevoir comme tel. Vous devez comprendre comment votre site se charge afin de pouvoir vous concentrer sur la fourniture d'une expérience utilisateur positive.

Qu'est-ce que Lighthouse ?

Lighthouse est un outil développé par Google pour analyser les applications ou les pages Web et collecter des mesures de performance et des informations modernes pour aider les développeurs à optimiser les performances de leur site ou de leur application Web.

Vous pouvez exécuter Lighthouse sur n'importe quelle page Web, qu'elle soit publique ou qu'elle nécessite une authentification. Il propose des audits de performances, d'accessibilité, d'applications Web progressives, etc. 

Vous pouvez exécuter Lighthouse dans les DevTools de Chrome, à partir de la ligne de commande ou d'un module Node. Il suffit de donner à Lighthouse une URL à auditer pour qu'il exécute une série de tests sur la page, puis génère un rapport sur l'efficacité de la page. À partir de là, vous pouvez utiliser les résultats des tests pour améliorer les choses. Chaque test est accompagné d'un document de référence qui explique pourquoi il est important et comment le corriger. 

Comment utiliser l'option d'analyse avancée ?

L'exemple donné ci-dessus correspond aux mesures actuelles 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 qui vous aide à savoir comment votre site Web fonctionne.

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

• PageSpeed - Il marquera votre site web en opposition à 23 recommandations différentes fournies par Google PageSpeed.
• YSlow - Il marquera votre site web en opposition avec 19 recommandations fournies par YSlow
• Waterfall - Ce point vous aidera à 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 timing.
• Vidéo - Pour ce point également, vous devez disposer d'un compte gratuit. Il vous permettra de tourner une vidéo montrant comment votre site Web se charge de manière visible.
• Historique - Vous pouvez suivre les performances de votre site web au fil du temps.

Quand le contenu est visible ?

Y a-t-il des "décalages" longs du contenu ? Lorsque des actifs supplémentaires sont chargés, le contenu se "décale" ou "saute". C'est le cas lorsque les publicités sont chargées sur le site Web du contenu et que le texte " saute vers le bas ".

Y a-t-il des flashs de contenu non stylisé ? Par exemple, parfois, le chargement des polices personnalisées prend du temps. Ainsi, lorsqu'on passe des polices système aux polices personnalisées, le texte " saute ".

Cumulative layout shift(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 qui, la vidéo vous permettra de regarder l'enregistrement de l'écran de votre site web.

Pour 1/4 de vitesse, l'enregistrement peut être baissé lentement. Cela vous permettra de voir très facilement les flashs de contenu non stylisé ou les changements de contenu.

Par exemple, la première peinture contente, vous pourrez passer à des étapes plus importantes.

Google fait de son mieux en matière de mesures de chargement de l'expérience utilisateur. Il serait donc bon d'utiliser cette fonctionnalité afin de trouver le principal problème.

• Vous devrez faire ces deux choses pour prendre un enregistrement vidéo
• Pour obtenir un compte GTmetrix gratuit, inscrivez-vous.
• Créez une vidéo ; il devrait y en avoir une lorsque vous commencez à exécuter le test.