Dans cet article, découvrez GTmetrix, un outil gratuit plébiscité par les webmasters et les professionnels du référencement naturel (seo) pour optimiser la performance web de leurs sites et de ceux de leurs clients.
La vitesse de chargement d’un site web est un critère SEO essentiel de réussite en termes de visibilité sur internet. Si votre site web n’est pas assez rapide, les internautes iront… chez vos concurrents. Si cette problématique perdure, fatalement, le positionnement du site est impacté, réduisant votre trafic ainsi que votre chiffre d’affaires.
Heureusement vous pouvez éviter ce scénario et propulser votre business en ligne en améliorant la vitesse de chargement de votre site, grâce à Gtmetrix, qui vous donne l’aperçu de la vitesse des pages de votre site et vous accompagne dans votre processus d’analyse et d’optimisation. Suivez le guide !
GTmetrix : comment bien l’utiliser pour optimiser la performance web de votre site
Votre site web est lent ? Vous vous demandez comment l’améliorer ? GTmetrix est l’outil qu’il vous faut !
GTmetrix est un outil d’analyse de performance web gratuit qui vous permet de tester le temps de chargement de votre site et de vérifier si vous respectez les bonnes pratiques en matière d’optimisation.
GTmetrix, c’est quoi ?
GTmetrix est un outil gratuit qui analyse la performance de votre site web et vous fournit des recommandations sur les meilleures façons de l’optimiser.
Ce logiciel a été développé par CARBON60, une société informatique canadienne spécialisée dans le Cloud.
Sa devise ?
« Tout le monde mérite une expérience Web rapide ! »
Fort de son expérience, GTmetrix est approuvé par de grandes entreprises telles que Microsoft, Adobe, HP ou encore Samsung, avec plus de 900 millions de pages analysées.
Pourquoi est-il important d’avoir une vitesse de chargement optimisée ?
Des études montrent que les internautes quittent un site s’il ne s’est pas chargé en 4 secondes ! Pire : ils risquent de ne jamais revenir sur votre page !
Et le problème, c’est que l’algorithme de Google prend en compte le comportement de vos visiteurs pour définir le classement de vos pages dans les résultats de rechercher (SERP). La vitesse de chargement influençant grandement l’expérience utilisateur, c’est donc un critère crucial pour plaire à Google.
Comment améliorer une page web qui se charge lentement ?
Voici quelques conseils génériques pour améliorer la vitesse de chargement de votre page (GTmetrix fournit des recommandations sur-mesure, après analyse de votre url) :
Comment obtenir un aperçu de la vitesse des pages d’un site web ?
Plusieurs outils SEO sont disponibles afin de connaître la vitesse de chargement d’une page web, notamment Pingdom, PageSpeed Insights, Webpagetest et bien d’autres.
PageSpeed Insights est l’outil gratuit de Google et certainement le plus connu pour analyser la performance d’un site web et vous présenter les points d’améliorations à l’aide de couleurs et des scores.
Mais, l’interface utilisateur très claire de Gtmetrix, ses recommandations en cascade très précises, les nombreuses possibilités de personnalisation (test des serveurs par région, par type de navigateur, etc.), sa rapidité d’analyse et sa simplicité d’utilisation en font l’un des outils de choix pour évaluer les performances réelles de votre site Web.
Améliorer les performances d’un site web grâce aux fonctionnalités de GTmetrix
Découvrez les fonctionnalités qui rendent GTmetrix précieux lors d’un audit de performance SEO.
- Un rapport complet des performances de votre page web.
Celui-ci se décompose en trois parties :
- Un résumé des options d’analyse présélectionnées ;
- Les résultats d’analyses avec les métriques Web Vitals et GTmetrix Grade ;
- Les résultats détaillés ainsi que les conseils d’amélioration GTmetrix.
- Un suivi des performances dans le temps.
Une fois le calendrier établi, les tests s’enchaînent au rythme souhaité, permettant de suivre l’évolution. Des alertes peuvent être définies.
- Des tests dans différentes localisations.
GTmetrix peut analyser le chargement de vos pages à partir de 82 serveurs répartis dans 22 endroits du monde.
- Des analyses pour les sites en responsive design, c’est-à-dire adaptés aux écrans de téléphones et de tablettes.
Il existe des options d’analyse avancée, payantes, qui offrent une analyse encore plus poussée, une surveillance accrue ou encore la possibilité de suivre plusieurs sites au lieu d’un seul.
GTmetrix : mode d’emploi
Découvrez dans ce guide complet : comment fonctionne Gtmetrix et comment l’utiliser pour analyser et améliorer le positionnement d’un site sur Google.
Lancer son premier audit avec GTmetrix
Vous pouvez lancer un audit rapide sans vous inscrire ni vous connecter à GTmetrix, en vous rendant simplement sur leur page d’accueil : https://gtmetrix.com/
Puis en entrant l’url de votre site et en cliquant sur « Test your site » :
Cependant, avant de lancer votre premier test, nous vous conseillons de vous créer un compte, c’est totalement gratuit. Ainsi, vous aurez accès à de nombreuses fonctionnalités supplémentaires.
Après vous êtes connecté à votre compte, vous pourrez :
- Renseigner l’URL de la page web concernée ;
- Choisir vos utilisateurs cibles, l’emplacement du serveur ;
- Choisir une vitesse de connexion (haut débit rapide ou haut débit) ;
- Cliquer sur ON (+ ON sur Adblock Plus si votre page contient des publicités) ;
- Cliquer sur Analyser.
Après quelques secondes, vous obtenez le rapport de l’analyse de votre page.
Mais sur quoi se base-t-il ?
Comment fonctionne GTmetrix ?
GTmetrix vous donne un rapport détaillé sur la façon dont votre site Web se comporte et vous fournit des conseils sur la façon de l’améliorer. Le rapport GTmetrix comprend un score de performance composé de 6 métriques réparties en deux catégories :
- les GTmetrix Grade : ces scores de performance remplacent depuis novembre 2020 les fameux PageSpeed Score (Google) et YSlow Score (Yahoo).
- les Web Vitals (signaux Web essentiels) : ces données sont en lien avec la vitesse de chargement, le délai d’interaction de l’utilisateur avec la page et l’accessibilité des contenus.
GTmetrix utilise comme référence les données et métriques de Google Lighthouse (comme l’outil PageSpeed Insights).
Comment consulter le rapport d’optimisation de GTmetrix ?
Une fois l’analyse de votre url réalisée par Gtmetrix, vous obtenez un rapport.
Voici comment l’interpréter :
- Les GTmetrix Grade :
- Note globale de A à F (A, de couleur verte, indique une vitesse d’affichage très rapide),
- Score de performance en % (d’un point de vue UX, vitesse de chargement, interactivité et stabilité visuelle),
- Score de structure en % (indique la bonne construction technique de votre page pour une optimisation SEO payante).
- Les Web Vitals :
- Largest Contentful Paint (LCP) : Temps d’ouverture complète de la page. GTmetrix estime qu’un bon LCP doit être inférieur à 1,2 seconde,
- Total Blocking Time (TBT) : Temps total de blocage de la page avant une interaction possible de l’utilisateur. GTmetrix estime qu’un bon TBT doit être inférieur à 150 millisecondes,
- Cumulative Layout Shift (CLS) : Stabilité visuelle de la page. GTmetrix estime qu’un bon CLS doit être inférieur à 0,1.
À noter que les résultats obtenus peuvent être téléchargés au format PDF par un simple clic.
- Le détail des résultats et les préconisations GTmetrix.
Cette dernière partie du rapport détaille les résultats de l’analyse et surtout fournit les conseils d’optimisation à mettre en place.
Ces résultats sont répartis en six onglets, de gauche à droite :
- Summary :
Vous visualisez sur cet onglet la vitesse de chargement de votre page web, les principaux problèmes ainsi que les préconisations d’amélioration. Vous y trouvez les principales mesures de performance de la page analysée : le temps de chargement du 1er octet TTFB (Time to First Byte), le délai avant le début d’affichage FCP (First Contentful Paint), le temps d’ouverture complet LCP, le temps avant une possible interaction TTI (Time To Interactive), le temps de chargement (Onload Time) ainsi que le temps de chargement complet (Fully Loaded Time).
- Performance :
Vous y trouvez en détail les métriques relevées qui ont permis d’établir votre score de performance, ainsi que les durées réelles.
- Structure :
Votre score de structure est décortiqué, et les conseils GTmetrix répertoriés.
- Waterfall :
Les ressources liées à votre page (HTML, CSS, images, polices…) sont passées à la loupe. Un graphique chronologique en cascade permet de pointer les éléments pouvant ralentir votre page.
- Vidéo :
Vous visionnez le chargement de votre page sur une vidéo. Les principales métriques y apparaissent, selon un code couleur, afin de vous aider à repérer les éléments les plus importants à améliorer.
- History :
Voici un onglet qui permet de retrouver l’historique des tests effectués d’une même page, vous permettant de suivre l’évolution de la performance web de l’url dans le temps.
Le code couleur utilisé vous permet de visualiser rapidement les éléments les plus urgents à améliorer :
- En rouge les problèmes à traiter en priorité (niveau High)
- En orange les problèmes moins important (niveau Medium)
- En vert, pas de problème urgent (niveau Low)
GTmetrix vous permet ainsi de comprendre aisément d’où viennent les problèmes de ralentissement de votre page. Vous pouvez alors y remédier au plus vite afin d’offrir une expérience plus agréable aux utilisateurs et d’améliorer vos performances aux yeux de Google.
Les autres outils de GTmetrix
Vous venez de découvrir les fonctionnalités de base de GTmetrix. Des options d’analyse avancée vous permettent d’en apprendre encore beaucoup plus.
Par exemple, GTmetrix propose une API permettant aux développeurs d’intégrer les données de performance de leur site dans leur workflow. Cela leur permet de surveiller en temps réel la vitesse de leur site en construction et de détecter les problèmes d’optimisation.
Vous utilisez WordPress ?
GTmetrix met à votre disposition quelques plugins gratuits ainsi qu’un guide d’optimisation d’une installation WordPress. Ce dernier comprend également des recommandations pour faciliter votre optimisation, étape par étape !
Il est également possible, avec la version payante, de tester votre page sur un appareil Android réel ou d’effectuer des simulations de performance sur plus de 30 appareils mobiles/tablettes.
Mesurer efficacement la performance d’un site web
Obtenir les résultats d’un test de vitesse de chargement, c’est bien, mais encore faut-il que ce test soit réalisé dans de bonnes conditions. Il est important de savoir choisir la bonne configuration de ce test, mais aussi de mener plusieurs tests.
Pourquoi est-il important de réaliser plusieurs tests ?
Si, avant de lancer un test, différents paramètres sont à renseigner, les résultats sont par conséquent uniquement valables pour la configuration choisie en amont. Il est alors plus que conseillé de réaliser plusieurs tests, en modifiant certains paramètres, afin d’obtenir un comparatif.
Il est également très important de réaliser les tests à différents moments de la journée, de la semaine. Vous aurez de ce fait un aperçu fiable des moments critiques, lors de pics d’activité du site entre autres.
Paramétrer les tests : les principaux critères à surveiller
Pour obtenir des résultats de tests cohérents avec l’utilisation réelle de la page, vous pouvez choisir le type d’appareil à tester, la vitesse de connexion potentielle, ou encore la résolution de l’écran.
Il est aussi très important de choisir un serveur test situé à proximité de l’utilisateur (sauf si le site dispose d’un réseau de diffusion de contenu (CDN).
Quels sont les tarifs de GTmetrix ?
La bonne nouvelle, c’est que GTmetrix souhaite rendre ce service accessible à tous !
C’est pourquoi la version de base, gratuite, est déjà riche en fonctionnalités ! Elle vous permet d’avoir un bon aperçu de l’état de votre site ou de votre blog. Vous pouvez programmer une alerte sur votre page et suivre les recommandations d’optimisation.
La formule gratuite est limitée à 30 tests hebdomadaires et vous ne pourrez monitorer qu’une seule page de votre site, mais c’est souvent bien suffisant pour effectuer les analyses et apporter les principales améliorations dont votre site a besoin pour performer.
Combien coûte GTMetrix pro ?
Le tarif de la première formule pro (offre solo) est de 10,67 $ par mois avec un abonnement annuel (13 $ pour la formule mensuelle, sans engagement).
Si vos besoins sont plus conséquents, vous pouvez opter pour une offre pro, payante, et choisir un tarif adapté à votre activité. Vous pouvez opter pour un forfait mensuel ou annuel, individuel ou d’entreprise, voire personnalisé.
Conseils pratiques
Voici quelques liens très utiles pour utiliser GTmetrix à son plein potentiel :
- Savoir comment configurer les alertes et la surveillance automatique avec GTmetrix
La surveillance des pages web, combinée aux alertes, est un processus automatisé qui vous permet d’être proactif pour un site toujours optimisé. Pour en savoir plus, rendez-vous sur le blog GTmetrix.
- Les avantages d’un CDN pour le SEO
https://aws.amazon.com/fr/blogs/france/5-raisons-dutiliser-un-cdn/
- Aller plus loin avec GTmetrix
Nous vous conseillons le guide complet proposé par le site Twaino ici : https://www.twaino.com/seo/gtmetrix/
GTmetrix/FAQ - Questions fréquentes
- Pourquoi la performance web est-elle importante ?
La performance web est essentielle pour une bonne expérience utilisateur. En effet, les internautes sont de plus en plus exigeants et ils attendent des sites web qu’ils soient rapides. De plus, la vitesse d’un site web est un critère pris en compte par les moteurs de recherche comme Google. Enfin, une bonne performance permet de réduire les coûts de serveur et d’améliorer l’efficacité du site.
- GTmetrix : comment optimiser la performance mobile de votre site ?
GTmetrix est un outil d’analyse de performance qui vous permet de tester la vitesse de votre site web sur les appareils mobiles. GTmetrix vous fournit des préconisations sur la façon d’améliorer la vitesse de votre site sur les appareils mobiles, y compris des conseils sur la façon de réduire le temps de chargement de votre site, de réduire la taille de vos pages et de minimiser l’utilisation de la bande passante.
- Que signifient les codes de couleur individuels dans GTmetrix ?
Rouge : temps de chargement beaucoup plus long que recommandé.
Orange : plus long que recommandé.
Vert clair : correct, mais amélioration à réaliser (sans urgence).
Vert : bon, rien à faire !
- Comment le nouveau rapport GTmetrix se compare-t-il à l’ancien rapport ?
Depuis novembre 2020 GTmetrix se base sur Lighthouse et non plus sur PageSpeed et Yslow. Les recommandations de ces outils étant relativement différentes, aucune comparaison ne peut être effectuée.
- C’est quoi une API ? Et à quoi ça sert ?
Une API (Application Programming Interface) permet à deux applications de communiquer entre elles. Cette interface de programmation permet donc d’accéder aux fonctions ou aux données d’une application à distance. Son but est d’instaurer le dialogue entre plusieurs logiciels.
Optimisez votre performance web avec GTmetrix
GTmetrix est donc un outil de test de performance web gratuit, utilisé par des millions de développeurs et d’entreprises à travers le monde. Il fournit des rapports détaillés sur la vitesse et la stabilité de votre site, ainsi que des conseils sur la façon d’améliorer votre site.
Grâce à GTmetrix, vous avez la possibilité d’agir de manière ciblée sur les freins qui empêchent votre site d’atteindre son plein potentiel.
