Il y a beaucoup de raisons pour lesquelles les gens choisissent de faire leurs achats dans un magasin en ligne plutôt qu’un autre ou de choisir un service de streaming plutôt qu’un autre, du type de service qu’ils obtiennent au prix, à la qualité et, vous l’avez deviné d’après le titre, à la vitesse. La vitesse à laquelle je fais référence est la vitesse à laquelle le site web se charge et réagit aux données de l’utilisateur. Dans l’un de mes précédents articles sur la latence du réseau, j’ai expliqué à quel point un délai supplémentaire de deux secondes pouvait faire la différence.
Dans cet article, je vais passer en revue les principes de base des tests de vitesse, comme les paramètres à surveiller et les outils dont vous aurez besoin pour tester et suivre les problèmes de vitesse et de performance. La liste comprendra les meilleurs outils de test de sites web, gratuits et payants, et je ne manquerai pas de préciser lesquels.
Pourquoi utiliser des outils de test de la vitesse des sites web ?
Je pense qu’il est important de comprendre exactement comment les tests de vitesse peuvent vous aider à offrir une meilleure expérience à l’utilisateur. J’ai donc décidé de dresser une liste des indicateurs de performance les plus courants à mesurer et des problèmes à surveiller.
- Ressources qui prennent trop de temps à charger. Il peut s’agir de polices de caractères, d’images, de différents plugins et de fichiers JS qui ralentissent le chargement de votre site web.
- TTB et FMP. Le temps du premier octet et la première peinture significative sont deux mesures très importantes auxquelles vous devez prêter attention. Elles vous indiquent le moment où votre site web commence à se charger et la seconde où il commence à afficher des informations.
- Temps de chargement, nombre de requêtes et taille des pages. Vous devez garder un œil sur ces éléments, car ils peuvent considérablement augmenter le temps de chargement de votre site web.
- En-têtes HTTP. Les en-têtes HTTP permettent aux serveurs de communiquer avec le serveur en envoyant des informations dans les deux sens par le biais d’une requête ou d’une réponse. Vous devrez tester ces réponses et ces demandes pour vous assurer que vous recevez et envoyez le bon message entre les deux. Cela s’avère également utile lorsque vous essayez de déboguer les différentes erreurs que vous pourriez rencontrer.
Les 15 meilleurs outils de test de la vitesse des sites Web
Maintenant que vous connaissez les bases du test de vitesse des sites web, voici quelques-uns des meilleurs outils pour vous aider à tester le chargement des pages et à améliorer les performances de votre site web.
1. Pingdom
Pingdom est un autre outil de test de vitesse de site web bien connu qui existe depuis longtemps. Il n’est pas nécessaire de se connecter pour l’utiliser et les rapports sont moins détaillés que ceux de Google PageSpeed Insights. Les performances du site sont notées de 0 à 100, puis les codes de réponse, la taille du contenu, les types de requêtes, les requêtes par domaine et un graphique en cascade vous permettent de voir les détails des temps de chargement de vos fichiers.
Leur outil gratuit vous permet d’effectuer un seul test à partir de l’un de leurs 70 sites et si vous souscrivez à leur solution Synthetics, qui commence à 10 $/mois pour 10 vérifications du temps de fonctionnement, vous pouvez mettre en place une surveillance de la vitesse de la page ainsi que des alertes.
2. Google PageSpeed Insights
Depuis des années, Google PageSpeed Insights est l’outil de référence pour tester et évaluer votre site web. Il s’agit d’un outil simple créé par Google qui évalue les sites web et les note sur une échelle de 1 à 100 pour les mobiles et les ordinateurs de bureau. Plus le chiffre est élevé, plus le site est rapide.
L’interface est assez simple, avec un seul champ de saisie pour l’URL. Une fois le test exécuté, vous obtiendrez des informations détaillées sur des éléments tels que le code bloquant le rendu, le TTFB, la taille des pages, etc. Sous chaque section, vous obtiendrez une liste des actions recommandées qui devraient aider à accélérer le site web.
Alors que de nombreux autres outils de cette liste vous permettent de personnaliser les requêtes, de configurer des alertes et de sélectionner différents emplacements pour effectuer vos tests, Google PageSpeed Insights ne vous offre pas ces options. En revanche, il est entièrement gratuit et ne nécessite pas d’enregistrement.
3. Uptrends
Uptrends propose un test simple à partir de l’un des dix emplacements proposés et vous pouvez configurer le test pour qu’il s’exécute à partir d’un appareil mobile ou d’un ordinateur de bureau. Pour le test sur ordinateur de bureau, vous pouvez également choisir la résolution de l’écran, l’un des quatre navigateurs (Chrome, Firefox, PhantomJS et IE) et l’étranglement de la bande passante pour tester le site dans différents scénarios de vitesse.
La version gratuite du test est généralement un peu silencieuse et il n’est pas possible de configurer des alertes, mais si vous vous inscrivez à leur produit Uptrends Synthetics, vous obtiendrez tout cela et plus encore pour 12 $ par mois pour 10 moniteurs de base, RUM et 60 crédits de messages.
4. WebPageTest.org
WebPageTest.org est un outil open-source de test des performances des sites web qui vous permet d’évaluer votre site web à partir de l’un de ses 40 emplacements et d’un large éventail d’appareils. Vous pouvez également choisir de simuler vos tests sur un réseau mobile lent ou un réseau 4G rapide. Le résultat sera noté de F à A et comprendra des informations sur la compression, le TTFB, la mise en cache, des graphiques en cascade pour la vitesse de chargement des ressources, et bien plus encore.
Il propose également un test assez spécial dans lequel il exécute un test trois fois et affiche les trois ensembles de données. Cela permet de déterminer si le DNS ou le CDN peut être à l’origine d’un retard et si le serveur peut répondre à toutes les requêtes.
5. GTmetrix
GTmetrix vous permet d’obtenir des informations détaillées sur la vitesse de votre page, les délais, le score de performance et bien plus encore. GTmetrix fournit également des informations sur la manière de résoudre les problèmes révélés par le test.
Si vous ne vous inscrivez pas, vous ne pouvez effectuer un test qu’à partir d’un seul endroit, à savoir Vancouver, au Canada, mais si vous vous inscrivez pour un compte gratuit, vous pourrez choisir votre emplacement, différents navigateurs et même le type de connexion. Cela devrait vous donner une meilleure idée du fonctionnement de votre site web dans différents scénarios.
6. Varvy PageSpeed Optimization
Varvy PageSpeed Optimization est un outil gratuit qui teste les performances de votre site web et fournit des conseils sur la manière de créer une meilleure expérience pour vos utilisateurs. Il a été créé par Patrick Sexton, qui a également créé Getlisted.org.
Varvy PageSpeed Optimization décompose votre rapport en 5 sections décrivant le résumé général du test, une carte des ressources, des détails sur la livraison de CSS, l’utilisation de Javascript, et un certain nombre d’informations séparées sur l’optimisation des images, la mise en cache du navigateur, la compression et la réponse du serveur.
7. dotcom-monitor
Avec dotcom-monitor, vous obtenez 25 emplacements différents et 7 navigateurs différents, y compris Blackberry, ce qui devrait me faire penser qu’ils ont vraiment besoin de mettre à jour leur service, ou peut-être qu’ils sont des historiens.
Après avoir effectué le test, vous serez noté en fonction du temps de chargement et obtiendrez des détails sur les réponses de votre serveur. Vous pourrez également vérifier à quoi ressemble une visite répétée pour quelqu’un qui vient sur votre site web une deuxième fois et qui a déjà mis des ressources en cache sur son ordinateur. Vous obtiendrez également un rapport détaillé sur la vitesse des pages généré par Lighthouse.
8. Site 24×7
Site24x7 est un produit simple qui offre une alternative gratuite à Pingdom. Leur « Free Forever plan » offre 5 moniteurs avec notification par email, ce qui est probablement suffisant pour n’importe quel petit site web.
Leur plan premium commence à 9$/mois (payé annuellement) et vous offre 10 moniteurs et 1 transaction web synthétique, des pages d’état, 500mb de logs, 100K RUM views, et plus de 110 sites de test dispersés à travers le monde.
9. Yellow Lab Tools
Yellow Lab Tools est un nouveau venu sur la scène de la surveillance des sites web et fournit des informations de base sur votre site web sans tourner autour du pot. La première chose que vous voyez une fois que vous avez lancé le test est une note avec un score suivi par les détails du test qui comprennent le poids de la page avec tous les détails qui s’y rapportent, les détails de la demande, les détails du Dom, les goulots d’étranglement, les détails CSS, et les détails de la configuration du serveur. Dans l’ensemble, il s’agit d’un excellent outil, mais il semble qu’il manque de profondeur lorsqu’il s’agit d’informations détaillées, surtout si vous le comparez aux autres outils de cette liste.
10. DareBoost
DareBoost effectue une analyse détaillée à partir de plusieurs endroits dans le monde, à la fois sur mobile et sur ordinateur. Son tableau de bord est assez simple mais fournit beaucoup d’informations comme le premier octet, le moment où il commence à rendre la page, et quand il finit et continue à fournir des conseils sur la façon d’améliorer la performance globale.
Ils proposent des forfaits premium à partir de 22 $ par mois pour un moniteur et une rétention de 30 jours avec un utilisateur. Ils proposent également des forfaits plus importants avec 15 pages de surveillance avec des intervalles de surveillance de 30 minutes et 10 utilisateurs avec 12 mois de rétention des données pour 356 $/mois.
11. YSlow
YSlow est un outil open-source qui vous permet d’analyser la vitesse des pages et vous aide à déterminer les performances en fonction des règles de Yahoo ! Vous pouvez l’obtenir en installant leur extension gratuite pour Chrome, Firefox, Opera, PhantomJS et Safari et peut même être installé via Node.js. Il fournit des informations sur les composants de votre page web, des statistiques sur le temps de chargement et les performances, évalue votre site web et fournit des suggestions sur la façon d’améliorer vos performances.
12. Geekflare Website Audit
Propulsé par Google Lighthouse, Geekflare Website Audit est un simple test de vitesse de site web qui fournit des informations de base exploitables sur votre site web. Outre des données telles que TTFB, score SEO, score de performance, et autres, vous obtenez une série d’instantanés du chargement de votre site web.
Une caractéristique importante de l’audit de site Web Geekflare est son graphique de cascade de requêtes qui vous permet de voir comment vos ressources sont demandées et chargées. Ce graphique peut vous aider à prendre la décision de différer le chargement de différentes ressources afin de réduire autant que possible le nombre de  » First meaningful paint « .
13. UptimeRobot.com
Uptime (totalement différent de UptimeRobot.com) est un outil de monitoring qui vous permet de contrôler votre site web, votre serveur et vos API. Outre sa solution de surveillance synthétique, Uptime propose également des services de surveillance de la vitesse des pages, de surveillance des utilisateurs réels, de surveillance des serveurs, ainsi qu’un grand nombre d’autres services.
Uptime vous permet de vérifier votre site web à des intervalles d’une minute à partir d’emplacements situés sur six continents. Leurs plans commencent à 16$/mois et vous obtenez 10 contrôles inclus, avec 60 crédits mensuels et un historique de données de 4 mois.
14. Google Chrome DevTools
Si vous développez votre site web avec Chrome, il est fort probable que vous le connaissiez déjà . Chrome DevTools est un outil simple qui vous permet de voir une chronologie en cascade avec toutes vos ressources et des détails sur ce qui vous coûte un temps de chargement précieux.
Pour y accéder, vous devez avoir installé Chrome (dooh) et l’ouvrir en appuyant sur F12 si vous êtes sur une machine Windows ou sur CMD + Option + I si vous utilisez un MAC.
Il n’y a pas d’alertes, pas d’options de localisation fantaisistes, mais c’est gratuit et fourni avec votre navigateur, et ne nécessite aucune connexion ou enregistrement.
FAQ
Comment tester la vitesse d’un site web ?
Vous pouvez tester la vitesse d’un site web en utilisant divers outils de test de vitesse, tels que Pingdom, Google PageSpeed Insights, Uptrends, WebPageTest.org, GTmetrix, et bien d’autres. Ces outils vous permettent d’entrer l’URL de votre site web et de recevoir des informations détaillées sur la vitesse de chargement, les ressources lentes, les temps de réponse du serveur, etc.
Comment augmenter la vitesse de chargement d’un site web ?
Pour augmenter la vitesse de chargement d’un site web, vous pouvez prendre plusieurs mesures, notamment : optimiser les images, utiliser la mise en cache, réduire le nombre de requêtes HTTP, minimiser les fichiers JavaScript et CSS, activer la compression GZIP, choisir un bon service d’hébergement, et utiliser un CDN (Content Delivery Network). Ces optimisations contribuent à réduire le temps de chargement de votre site.
Quel est l’outil le plus utilisé pour mesurer les performances d’un site web ?
Google PageSpeed Insights est l’un des outils les plus largement utilisés pour mesurer les performances d’un site web. Il fournit des évaluations détaillées de la vitesse et des recommandations pour améliorer la performance. Cependant, il existe de nombreux autres outils utiles, tels que Pingdom, GTmetrix, et WebPageTest.org, qui offrent des informations complètes sur les performances de votre site.
Conclusion
Comme vous pouvez le constater, il existe un grand nombre d’options parmi lesquelles choisir, chacune ayant ses propres caractéristiques. C’est à vous de les tester et de trouver celle qui vous convient le mieux. Je pense qu’il est utile de noter que les tests de vitesse sont quelque chose que vous devriez faire bien après avoir terminé le développement du site web.
Au fil du temps, les choses évolueront, surtout si vous utilisez des API tierces, et vous voudrez avoir une longueur d’avance sur elles. L’utilisation d’un service de test de vitesse de site ou d’un outil de surveillance de site web est la meilleure façon de relever les défis, d’améliorer les performances du site web et d’offrir la meilleure expérience à vos utilisateurs.
Je m’appelle Marc. J’ai toujours été passionné par l’informatique depuis mon plus jeune âge… et la création d’Internet ! 😜 J’en ai fait mon métier puisque je travaille dans une agence de webmarketing aujourd’hui. J’adore également partagé autour de moi mes connaissances. Ce qui fait que j’ai énormément de questions de mes clients et de mes proches… Quoi de mieux qu’un blog pour lister ses interrogations et y répondre pour que cela serve au plus grand nombre !