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 !