{"id":173961,"date":"2024-02-02T08:03:31","date_gmt":"2024-02-02T07:03:31","guid":{"rendered":"http:\/\/www.tranches-de-marketing.com\/veille\/9-outils-gratuits-pour-tester-la-rapidite-de-ton-site\/"},"modified":"2024-02-02T08:03:31","modified_gmt":"2024-02-02T07:03:31","slug":"9-outils-gratuits-pour-tester-la-rapidite-de-ton-site","status":"publish","type":"post","link":"http:\/\/www.tranches-de-marketing.com\/veille\/9-outils-gratuits-pour-tester-la-rapidite-de-ton-site\/","title":{"rendered":"9 outils gratuits pour tester la rapidit\u00e9 de ton site"},"content":{"rendered":"<p><img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d&#039;un site\" \/><noscript><img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d&#039;un site\" \/><\/noscript><\/p>\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site\" class=\"wp-image-63728\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site\" class=\"wp-image-63728\" \/><\/noscript><\/figure>\n\n\n\n<p>La rapidit\u00e9 d&rsquo;un site web est d&rsquo;une importance capitale si tu veux attirer du trafic et garder les internautes scotch\u00e9s \u00e0 tes contenus. Et pour s&rsquo;assurer que ton site est rapide, il faut se servir des bons logiciels. C&rsquo;est pourquoi je vais te partager ci-dessous les 9 meilleurs outils gratuits pour mesurer les perfs de ton site internet.<\/p>\n\n\n\n<p>Car r\u00e9duire la dur\u00e9e de chargement de ses pages web devrait figurer en haut de ta to do list. Mais voil\u00e0, c&rsquo;est pas toujours \u00e9vident de savoir par o\u00f9 commencer.<\/p>\n\n\n\n<p>Pas de panique : je vais t&rsquo;expliquer tout ce qu&rsquo;il faut savoir sur le sujet en long, en large et en travers dans les lignes qui vont suivre.<\/p>\n\n\n\n<p>C&rsquo;est parti !<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi tester la rapidit\u00e9 d&rsquo;un site web ?<\/h2>\n\n\n\n<p>Internet est un monde bizarre o\u00f9 tous les internautes sont press\u00e9s. Ils ne supportent pas d&rsquo;attendre plus de 2 secondes pour obtenir la r\u00e9ponse \u00e0 leur question. Et ils n&rsquo;h\u00e9sitent pas \u00e0 quitter un site pour visiter celui de ton ennemi jur\u00e9 si la r\u00e9ponse ne s&rsquo;affiche pas imm\u00e9diatement.<\/p>\n\n\n\n<p>Toujours dans ce m\u00eame monde, il existe des petits robots de r\u00e9f\u00e9rencement.<\/p>\n\n\n\n<p>Ces bots ne sont pas aussi press\u00e9s que les internautes. Mais ils vont quand m\u00eame mesurer la vitesse d&rsquo;un site et analyser ses performances de fond en comble. Si un site n&rsquo;est pas assez rapide, il sera p\u00e9nalis\u00e9 dans les r\u00e9sultats des moteurs de recherche. La rapidit\u00e9 d&rsquo;un site a donc une influence directe sur son r\u00e9f\u00e9rencement naturel (SEO).<\/p>\n\n\n\n<p>La rapidit\u00e9 d&rsquo;un site web est donc un sujet \u00e0 ne surtout pas n\u00e9gliger. Avoir des pages web qui s&rsquo;affichent rapidement va \u00e0 la fois augmenter la r\u00e9tention des internautes, r\u00e9duire le taux de rebond et faciliter le travail d&rsquo;indexation des bots.<\/p>\n\n\n\n<p>Si un site lent provoque une descente aux enfers, un site rapide peut quant \u00e0 lui cr\u00e9er un v\u00e9ritable cercle vertueux.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c0 quoi servent les outils pour tester la rapidit\u00e9 d&rsquo;un site ?<\/h2>\n\n\n\n<p>Les diff\u00e9rents logiciels de test de rapidit\u00e9 d&rsquo;un site vont scanner le code d&rsquo;une page web \u00e0 partir d&rsquo;une URL. Il te suffit g\u00e9n\u00e9ralement de renseigner l&rsquo;adresse de la page de ton choix puis de lancer le scan.<\/p>\n\n\n\n<p>L&rsquo;outil va alors analyser l&rsquo;ensemble de la page, mesurer le temps de r\u00e9ponse, le poids des \u00e9l\u00e9ments (codes informatiques, scripts, images, vid\u00e9os, iframes&#8230;), les performances du serveur&#8230;<\/p>\n\n\n\n<p>Voici quelques exemples d&rsquo;actions r\u00e9alis\u00e9es par ces outils pour tester la rapidit\u00e9 d&rsquo;un site web :<\/p>\n\n\n\n<ul>\n<li>Identification des \u00e9l\u00e9ments qui augmentent la dur\u00e9e de chargement<\/li>\n\n\n\n<li>Calcul du poids et identification des images qui peuvent \u00eatre optimis\u00e9es<\/li>\n\n\n\n<li>Mesure du d\u00e9lai avant l&rsquo;affichage du premier octet (TTFB)<\/li>\n\n\n\n<li>V\u00e9rification des scripts et de leur minification<\/li>\n\n\n\n<li>D\u00e9tection des scripts qui bloquent le rendu<\/li>\n\n\n\n<li>Calcul du temps de chargement<\/li>\n\n\n\n<li>Calcul du nombre de requ\u00eates HTTP<\/li>\n\n\n\n<li>Test de chargement dans diff\u00e9rentes zones g\u00e9ographiques<\/li>\n\n\n\n<li>Test en utilisant diff\u00e9rents navigateurs web (Chrome, Firefox, Edge&#8230;)<\/li>\n\n\n\n<li>Etc. <\/li>\n<\/ul>\n\n\n\n<p>Autrement dit, le but de ces logiciels va \u00eatre de mesurer les performances d&rsquo;un site en \u00e9tablissant des moyennes. Ils cherchent \u00e0 produire des r\u00e9sultats pertinents en essayant de se mettre \u00e0 la place des internautes :<\/p>\n\n\n\n<ul>\n<li>Usage de plusieurs navigateurs web diff\u00e9rents<\/li>\n\n\n\n<li>Tests avec une connexion mobile<\/li>\n\n\n\n<li>Analyse de l&rsquo;affichage sur \u00e9cran d&rsquo;ordinateur et sur un appareil mobile<\/li>\n\n\n\n<li>Connexions depuis plusieurs lieux diff\u00e9rents<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<p>Une fois le test r\u00e9alis\u00e9, le logiciel va ensuite t&rsquo;afficher un score et un certain nombre de KPI (<em>Key Performance Indicators<\/em>) avec, souvent, une liste de recommandations pour am\u00e9liorer ce score.<\/p>\n\n\n\n<p>Les r\u00e9sultats varient fortement entre un test fait depuis un ordinateur et un test fait depuis un mobile. Un test sur mobile sera toujours moins bon car la connexion est g\u00e9n\u00e9ralement de moins bonne qualit\u00e9. Mais il ne faut pas pour autant faire l&rsquo;autruche en se focalisant uniquement sur les tests sur ordinateur. Les mobinautes sont de plus en plus nombreux et ce sont eux qu&rsquo;il faut chouchouter avant tout.<\/p>\n\n\n\n<p>En faisant des tests, je te conseille donc de te focaliser sur les r\u00e9sultats mobiles et de ne pas h\u00e9siter \u00e0 utiliser plusieurs outils en m\u00eame temps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment mesurer la rapidit\u00e9 d&rsquo;un site ?<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-mesure.jpg\" alt=\"Outils gratuit pour tester et mesurer la rapidit\u00e9 d'un site\" class=\"wp-image-63734\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-mesure.jpg\" alt=\"Outils gratuit pour tester et mesurer la rapidit\u00e9 d'un site\" class=\"wp-image-63734\" \/><\/noscript><\/figure>\n\n\n\n<p>Mais passer ton site \u00e0 la moulinette avec l&rsquo;un des logiciels ci-dessous ne te servira pas \u00e0 grand chose si tu ne comprends pas les r\u00e9sultats affich\u00e9s.<\/p>\n\n\n\n<p>Alors, avant de te pr\u00e9senter les meilleurs outils gratuits pour tester la rapidit\u00e9 de ton site web, regardons d&rsquo;un peu plus pr\u00e8s les indicateurs les plus importants.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Time To First Byte (TTFB)<\/h3>\n\n\n\n<p>On pourrait traduire <em>Time To First Byte<\/em> (TTFB) par \u00ab\u00a0d\u00e9lai avant l&rsquo;affichage du premier octet\u00a0\u00bb. Ce d\u00e9lai d\u00e9pend surtout de la r\u00e9activit\u00e9 du serveur. C&rsquo;est l&rsquo;un des KPI les plus souvent mis en avant par les outils qui testent la rapidit\u00e9 d&rsquo;un site.<\/p>\n\n\n\n<p>Et ce n&rsquo;est pas pour rien. Car ce d\u00e9lai a une influence directe sur le comportement de l&rsquo;internaute. S&rsquo;il doit attendre plus de quelques secondes avant de pouvoir consulter le contenu de la page, il va se barrer.<\/p>\n\n\n\n<p>Ton but va donc \u00eatre de r\u00e9duire le Time To First Byte autant que possible.<\/p>\n\n\n\n<p>Il faut pour cela choisir un h\u00e9bergeur performant (je vais te lister les meilleurs un peu plus loin). Mais tu peux aussi <a href=\"https:\/\/www.webandseo.fr\/cdn\/\" data-lasso-id=\"95681\">activer un CDN<\/a> (pareil, je vais te partager les meilleurs ci-dessous) car \u00e7a permet de r\u00e9duire la charge du serveur et donc de r\u00e9duire le TTFB.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Blocage du rendu<\/h3>\n\n\n\n<p>Pour charger une page web, le navigateur web doit envoyer une requ\u00eate au serveur. Le serveur r\u00e9pond \u00e0 la requ\u00eate en fournissant au navigateur les diff\u00e9rents \u00e9l\u00e9ments qui composent la page. Pour afficher la page correctement, le navigateur doit alors charger et compiler les \u00e9l\u00e9ments dans le bon ordre.<\/p>\n\n\n\n<p>Certains \u00e9l\u00e9ments d&rsquo;une page peuvent bloquer le rendu de fa\u00e7on temporaire. On parle ici de millisecondes. Mais tu as maintenant compris qu&rsquo;une milliseconde peut faire toute la diff\u00e9rence.<\/p>\n\n\n\n<p>La plupart du temps, les \u00e9l\u00e9ments qui bloquent le rendu sont des codes CSS et du JavaScript.<\/p>\n\n\n\n<p>En parlant de CSS&#8230;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CSS<\/h3>\n\n\n\n<p>Le terme \u00ab\u00a0CSS\u00a0\u00bb veut dire <em>Cascading Style Sheets<\/em> ou \u00ab\u00a0feuilles de style en cascade\u00a0\u00bb. C&rsquo;est du code informatique qui vise g\u00e9n\u00e9ralement \u00e0 modifier l&rsquo;apparence de certains \u00e9l\u00e9ments d&rsquo;une page :<\/p>\n\n\n\n<ul>\n<li>Couleur de police<\/li>\n\n\n\n<li>Espacement entre certains \u00e9l\u00e9ments<\/li>\n\n\n\n<li>Application d&rsquo;un filtre sur les images<\/li>\n\n\n\n<li>Design d&rsquo;un bouton<\/li>\n\n\n\n<li>Action d&rsquo;un \u00e9l\u00e9ment au survol de la souris<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<p>On peut renseigner manuellement du CSS sur son site web. Mais les plugins et les th\u00e8mes qu&rsquo;on installe peuvent eux aussi g\u00e9n\u00e9rer du code CSS de fa\u00e7on automatique.<\/p>\n\n\n\n<p>Pour optimiser la rapidit\u00e9 d&rsquo;un site, il faut optimiser le CSS afin qu&rsquo;il ne bloque pas le rendu de la page. Il est important de r\u00e9duire le CSS au maximum, de le compiler correctement et de le minifier.<\/p>\n\n\n\n<p>C&rsquo;est un peu technique mais il existe de nombreux outils qui peuvent le faire \u00e0 ta place en un rien de temps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">JavaScript<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-js.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site et optimiser le JS\" class=\"wp-image-63732\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-js.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site et optimiser le JS\" class=\"wp-image-63732\" \/><\/noscript><\/figure>\n\n\n\n<p>Le JavaScript est un autre type de code informatique. Il va g\u00e9n\u00e9ralement servir \u00e0 cr\u00e9er des contenus dynamiques ou des animations dans le but de rendre les pages web et les contenus bien plus attractifs.<\/p>\n\n\n\n<p>Mais voil\u00e0, le JavaScript a une influence sur les performances d&rsquo;un site internet. Il est donc important d&rsquo;optimiser ou au moins de diff\u00e9rer le JS afin qu&rsquo;il ne ralentisse pas le chargement d&rsquo;une page web.<\/p>\n\n\n\n<p>Il existe des outils pour cr\u00e9er un fichier s\u00e9par\u00e9 du reste dans lequel on inscrit le JavaScript. \u00c7a va permettre au navigateur de charger en priorit\u00e9 les \u00e9l\u00e9ments essentiels de la page puis le JS dans un second temps. L&rsquo;internaute ne verra quasiment rien et tes performances seront normalement meilleures.<\/p>\n\n\n\n<p>L\u00e0 aussi, on peut utiliser des logiciels pour facilement diff\u00e9rer le chargement du JavaScript (je te partage quelques bons outils en fin d&rsquo;article).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Minification des ressources<\/h3>\n\n\n\n<p>Quand on parle de minifier les ressources, on r\u00e9duit tout simplement la taille de certains fichiers de codes informatiques en retirant tous les caract\u00e8res inutiles.<\/p>\n\n\n\n<p>Car on ajoute souvent des caract\u00e8res dans le code afin de faciliter la lecture pour nous, les humains : espaces, retours \u00e0 la ligne, commentaires&#8230;<\/p>\n\n\n\n<p>Mais les robots, eux, ils s&rsquo;en fichent compl\u00e8tement. Tout le code pourrait \u00eatre compil\u00e9 sur une seule ligne interminable : \u00e7a ne leur ferait ni chaud ni froid pour le lire et le comprendre. Au contraire, \u00e7a leur ferait m\u00eame gagner du temps.<\/p>\n\n\n\n<p>L\u00e0 aussi, la minification du code peut se faire tr\u00e8s simplement en utilisant par exemple des plugins de performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Requ\u00eates HTTP<\/h3>\n\n\n\n<p>Les requ\u00eates HTTP (pour <em>Hypertext Transfer Protocol<\/em>) sont des demandes faites par le navigateur web aupr\u00e8s du serveur. C&rsquo;est donc une connexion qui se fait entre le client (ordinateur, tablette, smartphone&#8230;) et le serveur web.<\/p>\n\n\n\n<p>Pour charger une page web dans son ensemble, le client va souvent faire plus d&rsquo;une requ\u00eate. Plus il y a de requ\u00eates, plus la dur\u00e9e de chargement sera importante.<\/p>\n\n\n\n<p>Pour avoir un site performant et charger rapidement les pages web, il faut donc r\u00e9duire le nombre de requ\u00eates HTTP :<\/p>\n\n\n\n<ul>\n<li>Combiner les fichiers CSS et JavaScript<\/li>\n\n\n\n<li>R\u00e9duire le nombre d&rsquo;\u00e9l\u00e9ments sur une page web (plugins, iframes&#8230;)<\/li>\n\n\n\n<li>Optimiser le JS<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Les 9 meilleurs outils gratuits pour tester la rapidit\u00e9 d&rsquo;un site web<\/h2>\n\n\n\n<p>Maintenant qu&rsquo;on a plant\u00e9 le d\u00e9cor, entrons dans le vif du sujet.<\/p>\n\n\n\n<p>Voici la liste des 9 meilleurs outils gratuits pour tester la rapidit\u00e9 de ton site internet :<\/p>\n\n\n\n<ol>\n<li>Google PageSpeed Insights<\/li>\n\n\n\n<li>GTmetrix<\/li>\n\n\n\n<li>Pingdom Website Speed Test<\/li>\n\n\n\n<li>WebPageTest<\/li>\n\n\n\n<li>Uptrends<\/li>\n\n\n\n<li>KeyCDN Website Speed Test<\/li>\n\n\n\n<li>Dotcom Website Speed Test<\/li>\n\n\n\n<li>Yellow Lab Tools<\/li>\n\n\n\n<li>Google Chrome DevTools<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">1. Google PageSpeed Insights<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pagespeed-insights.png\" data-lasso-id=\"83619\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pagespeed-insights.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : PageSpeed Insights\" class=\"wp-image-63735\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pagespeed-insights.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : PageSpeed Insights\" class=\"wp-image-63735\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.webandseo.fr\/go-google-pagespeed-insights\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83620\" data-lasso-name=\"Google PageSpeed Insights\">Google PageSpeed Insights<\/a> est un super outil gratuit pour tester la rapidit\u00e9 d&rsquo;une page et, par extension, celle d&rsquo;un site web. Il te suffit de renseigner l&rsquo;URL de ton choix (\u00e7a peut \u00eatre celle d&rsquo;un site concurrent) et de lancer l&rsquo;analyse.<\/p>\n\n\n\n<p>Le logiciel va alors scanner toute la page web et \u00e9tablir un score de 1 \u00e0 100 sur ordinateur et sur mobile en se focalisant sur plusieurs choses :<\/p>\n\n\n\n<ul>\n<li>Les performances globales<\/li>\n\n\n\n<li>L&rsquo;accessibilit\u00e9<\/li>\n\n\n\n<li>Le suivi des bonnes pratiques web<\/li>\n\n\n\n<li>Les performances SEO<\/li>\n<\/ul>\n\n\n\n<p>Ces scores vont notamment tenir compte des KPI suivants :<\/p>\n\n\n\n<ul>\n<li>Largest Contentful Paint (LCP)<\/li>\n\n\n\n<li>First Contentful Paint (FCP)<\/li>\n\n\n\n<li>First Input Delay (FID)<\/li>\n\n\n\n<li>Interaction to Next Paint (INP)<\/li>\n\n\n\n<li>Cumulative Layout Shift (CLS)<\/li>\n\n\n\n<li>Time to First Byte (TTFB)<\/li>\n<\/ul>\n\n\n\n<p>Pour chacun de ces KPI, PageSpeed Insights va indiquer un curseur qui d\u00e9termine la dur\u00e9e de chargement. Si elle est assez courte, le curseur sera dans le vert, si elle est moyenne le curseur sera orange et si elle est trop longue le curseur sera dans le rouge.<\/p>\n\n\n\n<p>C&rsquo;est un outil super simple \u00e0 utiliser pour mesurer la rapidit\u00e9 d&rsquo;un site. Mais ce qui est top, c&rsquo;est qu&rsquo;on acc\u00e8de aussi \u00e0 toutes les ressources n\u00e9cessaires pour am\u00e9liorer le site et valider les Core Web Vitals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. GTmetrix<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-gtmetrix.png\" data-lasso-id=\"83621\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-gtmetrix.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Gtmetrix\" class=\"wp-image-63731\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-gtmetrix.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Gtmetrix\" class=\"wp-image-63731\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.webandseo.fr\/go-gtmetrix\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83622\" data-lasso-name=\"GTmetrix\">GTmetrix<\/a> est un logiciel bien connu des \u00e9diteurs de sites web. C&rsquo;est peut-\u00eatre d&rsquo;ailleurs le plus connu avec Google PageSpeed Insights et Pingdom (l&rsquo;outil suivant).<\/p>\n\n\n\n<p>Un peu comme Google PageSpeed, GTmetrix te permet d&rsquo;analyser n&rsquo;importe quelle page web gratuitement. On renseigne une URL, on clique sur le bouton <em>Test your site<\/em> et on laisse la magie op\u00e9rer. Pour acc\u00e9der au r\u00e9sultat de l&rsquo;analyse, il faut n\u00e9anmoins cr\u00e9er un compte avec une adresse mail.<\/p>\n\n\n\n<p>Au bout de quelques secondes, GTmetrix g\u00e9n\u00e8re un rapport assez complet avec une note allant de F \u00e0 A et toute une liste de KPI :<\/p>\n\n\n\n<ul>\n<li>Performance<\/li>\n\n\n\n<li>Structure<\/li>\n\n\n\n<li>Largest Contentful Paint<\/li>\n\n\n\n<li>Total Blocking Time<\/li>\n\n\n\n<li>Cumulative Layout Shift<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<p>L&rsquo;outil utilise un serveur \u00e0 l&rsquo;\u00e9tranger pour mesurer la rapidit\u00e9 de la page. C&rsquo;est indiqu\u00e9 dans le rapport tout comme le navigateur web utilis\u00e9. Tu peux d&rsquo;ailleurs effectuer plusieurs tests en modifiant ces param\u00e8tres si besoin.<\/p>\n\n\n\n<p>La version gratuite de GTmetrix offre d\u00e9j\u00e0 pas mal d&rsquo;informations int\u00e9ressantes pour booster les performances d&rsquo;un site. Le logiciel utilise d&rsquo;ailleurs Google Lighthouse pour g\u00e9n\u00e9rer des rapports encore plus pertinents.<\/p>\n\n\n\n<p>Mais si peux aussi passer \u00e0 une version payante de GTmetrix pour acc\u00e9der \u00e0 des donn\u00e9es encore plus d\u00e9taill\u00e9es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Pingdom Website Speed Test<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pingdom-1.png\" data-lasso-id=\"83623\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pingdom-1.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Pingdom\" class=\"wp-image-63736\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pingdom-1.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Pingdom\" class=\"wp-image-63736\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.webandseo.fr\/go-pingdom\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83624\" data-lasso-name=\"Pingdom\">Pingdom<\/a> est un autre grand nom de l&rsquo;analyse de sites web. La soci\u00e9t\u00e9 propose son propre outil gratuit pour tester la rapidit\u00e9 de n&rsquo;importe quel site : Pingdom Website Speed Test.<\/p>\n\n\n\n<p>Comme pour les outils pr\u00e9c\u00e9dents, il te suffit de renseigner l&rsquo;URL de la page \u00e0 analyser puis de cliquer sur le bouton <em>Start Test<\/em>. Ce qui est cool, c&rsquo;est qu&rsquo;on peut effectuer un test en choisissant la localisation du serveur :<\/p>\n\n\n\n<ul>\n<li>Asie (Tokyo)<\/li>\n\n\n\n<li>Europe (Francfort ou Londres)<\/li>\n\n\n\n<li>Am\u00e9rique du Nord (Washington D.C. ou San Francisco)<\/li>\n\n\n\n<li>Oc\u00e9anie (Sydney)<\/li>\n\n\n\n<li>Am\u00e9rique du Sud (S\u00e3o Paulo)<\/li>\n<\/ul>\n\n\n\n<p>Quelques secondes plus tard, on acc\u00e8de gratuitement aux r\u00e9sultats du test :<\/p>\n\n\n\n<ul>\n<li>Note de performance globale (de F \u00e0 A)<\/li>\n\n\n\n<li>Temps de chargement<\/li>\n\n\n\n<li>Poids de la page<\/li>\n\n\n\n<li>Nombre de requ\u00eates HTTP<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pingdom-2.png\" data-lasso-id=\"83625\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pingdom-2.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Pingdom\" class=\"wp-image-63737\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-pingdom-2.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Pingdom\" class=\"wp-image-63737\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p>Le rapport comporte aussi une liste des tests effectu\u00e9s pour voir facilement les pistes d&rsquo;am\u00e9lioration. La note globale est d&rsquo;ailleurs une moyenne des r\u00e9sultats de tous ces diff\u00e9rents tests : compression GZIP des \u00e9l\u00e9ments, mise en diff\u00e9r\u00e9 du JavaScript, codes de r\u00e9ponses, poids de chaque type de contenu (images, scripts, polices, CSS&#8230;).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. WebPageTest<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-webpagetest-1.jpg\" data-lasso-id=\"83626\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-webpagetest-1.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : WebPageTest\" class=\"wp-image-63739\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-webpagetest-1.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : WebPageTest\" class=\"wp-image-63739\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p>Avec <a href=\"https:\/\/www.webandseo.fr\/go-webpagetest\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83627\" data-lasso-name=\"WebPageTest\">WebPageTest<\/a>, tu vas pouvoir analyser les performances de ton site web de plusieurs fa\u00e7ons :<\/p>\n\n\n\n<ul>\n<li>Performances globales<\/li>\n\n\n\n<li>Core Web Vitals<\/li>\n\n\n\n<li>Rapport Google Lighthouse<\/li>\n\n\n\n<li>Comparatif visuel<\/li>\n\n\n\n<li>Traceroute <\/li>\n<\/ul>\n\n\n\n<p>Avant de lancer le test des performances globales, tu peux configurer l&rsquo;outil pour :<\/p>\n\n\n\n<ul>\n<li>Effectuer des tests avec une connexion mobile ou ordinateur<\/li>\n\n\n\n<li>Depuis Chrome, Edge ou Mozilla<\/li>\n\n\n\n<li>Depuis les USA, le Canada, l&rsquo;Allemagne ou l&rsquo;Inde<\/li>\n\n\n\n<li>En incluant un calcul de l&#8217;empreinte carbone<\/li>\n\n\n\n<li>En testant des connexions r\u00e9p\u00e9t\u00e9es<\/li>\n\n\n\n<li>Et en incluant l&rsquo;audit de Google Lighthouse<\/li>\n<\/ul>\n\n\n\n<p>L&rsquo;outil va ensuite faire 3 tests de suite pour g\u00e9n\u00e9rer un rapport aussi pertinent que possible. Selon le nombre de personnes qui font des tests, tu pourrais \u00e0 avoir attendre quelques secondes de plus car tous les tests gratuits entrent dans une file d&rsquo;attente commune.<\/p>\n\n\n\n<p>Une fois les tests effectu\u00e9s, voil\u00e0 les indicateurs g\u00e9n\u00e9r\u00e9s par WebPageTest :<\/p>\n\n\n\n<ul>\n<li>TTFB<\/li>\n\n\n\n<li>Premier rendu<\/li>\n\n\n\n<li>FCP, LCP et CLS<\/li>\n\n\n\n<li>Index de rapidit\u00e9<\/li>\n\n\n\n<li>Dur\u00e9e de blocage du rendu<\/li>\n\n\n\n<li>Poids de la page<\/li>\n\n\n\n<li>Empreinte carbone<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-webpagetest-2.jpg\" data-lasso-id=\"83628\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-webpagetest-2.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : WebPageTest\" class=\"wp-image-63740\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-webpagetest-2.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : WebPageTest\" class=\"wp-image-63740\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p>L&rsquo;outil te fournit des infos d\u00e9taill\u00e9es pour chaque test, une timeline des diff\u00e9rents \u00e9v\u00e9nements avec la dur\u00e9e de chargement de chaque \u00e9l\u00e9ment&#8230; Et m\u00eame, cerise sur le g\u00e2teau, une vid\u00e9o qui permet de se mettre \u00e0 la place de l&rsquo;internaute et de l&rsquo;affichage de chaque \u00e9l\u00e9ment.<\/p>\n\n\n\n<p>Tout \u00e7a&#8230; gratuitement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Uptrends<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-uptrends.png\" data-lasso-id=\"83629\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-uptrends.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Uptrends\" class=\"wp-image-63738\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-uptrends.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Uptrends\" class=\"wp-image-63738\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.webandseo.fr\/go-uptrends\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83630\" data-lasso-name=\"Test de vitesse de site web | Uptrends\">Uptrends<\/a> est un autre tr\u00e8s bon outil pour tester la rapidit\u00e9 d&rsquo;un site.<\/p>\n\n\n\n<p>M\u00eame topo que les autres : on choisit d&rsquo;abord l&rsquo;URL \u00e0 tester, on d\u00e9termine une localisation (Paris, Amsterdam, Berlin, Francfort, Londres, Los Angeles, New York, P\u00e9kin, Singapour, Sydney&#8230;) et on choisit un type de connexion (ordinateur ou mobile).<\/p>\n\n\n\n<p>Ce qui diff\u00e9rence Uptrends des autres outils, c&rsquo;est qu&rsquo;on peut aussi choisir la taille d&rsquo;\u00e9cran et indiquer une limitation de bande passante (vitesse native, ADSL, c\u00e2ble, fibre). C&rsquo;est top pour effectuer un test en conditions r\u00e9elles et tenir compte de tous les cas de figure. Pour le test sur ordinateur, on peut aussi choisir entre les navigateurs Chrome et Edge.<\/p>\n\n\n\n<p>Une fois le test termin\u00e9, on retrouve notre rapport qui n&rsquo;est pas sans rappeler les outils pr\u00e9c\u00e9dents :<\/p>\n\n\n\n<ul>\n<li>Score Google PageSpeed<\/li>\n\n\n\n<li>Temps de chargement de la page<\/li>\n\n\n\n<li>Taille de la page<\/li>\n\n\n\n<li>Nombre de requ\u00eates<\/li>\n\n\n\n<li>Localisation du serveur<\/li>\n\n\n\n<li>Appareil et navigateur<\/li>\n\n\n\n<li>Qualit\u00e9 de la connexion<\/li>\n\n\n\n<li>Impact de chaque \u00e9l\u00e9ment sur la vitesse de chargement<\/li>\n\n\n\n<li>Liste des recommandations<\/li>\n\n\n\n<li>Etc. <\/li>\n<\/ul>\n\n\n\n<p>L&rsquo;outil g\u00e9n\u00e8re le rapport tr\u00e8s rapidement et on acc\u00e8de \u00e0 un niveau de d\u00e9tail vraiment tr\u00e8s fin. Je pense notamment au listing de chargement de chaque \u00e9l\u00e9ment et de la dur\u00e9e correspondante. \u00c7a t&rsquo;indique exactement \u00e0 quel moment chaque \u00e9l\u00e9ment se charge et l&rsquo;impact qu&rsquo;il a sur la dur\u00e9e totale.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. KeyCDN Website Speed Test<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-keycdn-website-speed.png\" data-lasso-id=\"83631\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-keycdn-website-speed.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : KeyCDN Website Speed\" class=\"wp-image-63733\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-keycdn-website-speed.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : KeyCDN Website Speed\" class=\"wp-image-63733\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.webandseo.fr\/keycdn\/\" data-lasso-id=\"83632\">KeyCDN<\/a> est&#8230; un CDN. Autrement dit <em>Content Delivery Network<\/em>.<\/p>\n\n\n\n<p>Un CDN permet de r\u00e9duire la charge de travail du serveur d&rsquo;origine en cr\u00e9ant une copie mise en cache sur un r\u00e9seau de serveurs internationaux. C&rsquo;est un super outil pour acc\u00e9l\u00e9rer la vitesse de chargement, am\u00e9liorer la s\u00e9curit\u00e9 ou faciliter la navigation des internautes situ\u00e9s \u00e0 l&rsquo;\u00e9tranger&#8230;<\/p>\n\n\n\n<p>En parall\u00e8le de son CDN, KeyCDN propose un <a href=\"https:\/\/www.webandseo.fr\/go-keycdn-speed\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83633\" data-lasso-name=\"Website Speed Test - Check Full Page Performance | KeyCDN Tools\">outil gratuit<\/a> pour tester la rapidit\u00e9 d&rsquo;un site internet. Il g\u00e9n\u00e8re des datas pr\u00e9cises et d\u00e9taill\u00e9es sur les performances d&rsquo;une page. Tu peux aussi t&rsquo;en servir pour tester la rapidit\u00e9 depuis plusieurs points du globe.<\/p>\n\n\n\n<p>Chaque test g\u00e9n\u00e8re un score, indique la dur\u00e9e de chargement, la taille de la page et le nombre de requ\u00eates HTTP.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Dotcom Website Speed Test<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-dotcom.jpg\" data-lasso-id=\"83634\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-dotcom.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Dotcom Website Speed Test\" class=\"wp-image-63730\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-dotcom.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Dotcom Website Speed Test\" class=\"wp-image-63730\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p>Dotcom-Monitor est une soci\u00e9t\u00e9 qui propose pas mal de services pour les \u00e9diteurs de sites. Dont un logiciel gratuit qui s&rsquo;intitule <a href=\"https:\/\/www.webandseo.fr\/go-dotcom-speed\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83635\" data-lasso-name=\"Dotcom Tools\">Dotcom Website Speed Test<\/a>.<\/p>\n\n\n\n<p>Tu l&rsquo;auras sans doute devin\u00e9, pour t&rsquo;en servir, tu vas devoir renseigner une URL. Mais tu peux modifier les param\u00e8tres suivants avant de lancer l&rsquo;analyse :<\/p>\n\n\n\n<ul>\n<li>Localisation de la connexion (on peut choisir parmi 27 villes diff\u00e9rentes (New York, Montr\u00e9al, San Francisco, Amsterdam, Londres, Madrid, Strasbourg, P\u00e9kin, Shanghai, Singapour, Hong Kong, Bogota&#8230;)<\/li>\n\n\n\n<li>Client (ordinateur ou mobile)<\/li>\n\n\n\n<li>Navigateur \/ Syst\u00e8me d&rsquo;exploitation (Chrome, Edge, iOS ou Android)<\/li>\n\n\n\n<li>R\u00e9solution d&rsquo;\u00e9cran<\/li>\n\n\n\n<li>Vitesse de connexion<\/li>\n<\/ul>\n\n\n\n<p>Une fois le test effectu\u00e9, Dotcom Website Speed Test affiche un rappel du lieu de connexion et indique en vert, orange ou rouge la vitesse de chargement globale. Pour obtenir plus de donn\u00e9es ou effectuer des tests depuis plusieurs villes de fa\u00e7on simultan\u00e9e, il faut cr\u00e9er un compte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. Yellow Lab Tools<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-yellow-lab.png\" data-lasso-id=\"83636\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-yellow-lab.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Yellow Lab\" class=\"wp-image-63741\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-yellow-lab.png\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Yellow Lab\" class=\"wp-image-63741\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p>Avec <a href=\"https:\/\/www.webandseo.fr\/go-yellowlab\/\" target=\"_blank\" rel=\"nofollow noopener\" title=\"\" data-lasso-id=\"83637\" data-lasso-name=\"YellowLab\">Yellow Lab Tools<\/a>, tu vas aussi pouvoir tester la rapidit\u00e9 d&rsquo;un site web en 2 temps, 3 mouvements. Indique l&rsquo;URL \u00e0 analyser, choisis l&rsquo;appareil (smartphone, tablette, ordinateur ou ordinateur HD) et lance l&rsquo;analyse.<\/p>\n\n\n\n<p>Si besoin, tu peux aussi utiliser les param\u00e8tres avanc\u00e9s pour indiquer les cookies, ajouter un code d&rsquo;authentification, un proxy HTTP ou les domaines tiers \u00e0 bloquer (par exemple : google-analytics.com ou ads.yahoo.com).<\/p>\n\n\n\n<p>Le test dure quelques secondes et t&rsquo;affiche un joli rapport, clair et d\u00e9taill\u00e9. On y retrouve la liste compl\u00e8te des tests effectu\u00e9s avec une note de F \u00e0 A pour chaque test :<\/p>\n\n\n\n<ul>\n<li>Score global (de F \u00e0 A mais aussi de 1 \u00e0 100)<\/li>\n\n\n\n<li>Poids de la page<\/li>\n\n\n\n<li>Requ\u00eates HTTP<\/li>\n\n\n\n<li>Complexit\u00e9 du DOM (<em>Document Object Model<\/em>)<\/li>\n\n\n\n<li>Complexit\u00e9 du JS<\/li>\n\n\n\n<li>Mauvais code JS<\/li>\n\n\n\n<li>Complexit\u00e9 du CSS<\/li>\n\n\n\n<li>Mauvais CSS<\/li>\n\n\n\n<li>Polices web<\/li>\n\n\n\n<li>Configuration serveur<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<p>Contrairement \u00e0 d&rsquo;autres outils de test, Yellow Lab Tools ne donne pas d&rsquo;indications tr\u00e8s pr\u00e9cises pour am\u00e9liorer les r\u00e9sultats. Il a simplement d\u00e9tect\u00e9 pour mon test que le site fonctionne avec <a href=\"https:\/\/www.webandseo.fr\/site-wordpress\/\" data-lasso-id=\"83638\">WordPress<\/a> et qu&rsquo;il conseille d&rsquo;utiliser <a href=\"https:\/\/www.webandseo.fr\/wp-rocket\/\" data-lasso-id=\"83639\">WP Rocket<\/a> pour optimiser ses performances.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Google Chrome DevTools<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-chrome-devtools.jpg\" data-lasso-id=\"83640\"><img src=\"data:image\/gif;base64,R0lGODdhAQABAPAAAP\/\/\/wAAACwAAAAAAQABAEACAkQBADs=\" data-lazy-src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-chrome-devtools.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Chrome DevTools\" class=\"wp-image-63729\" \/><noscript><img src=\"https:\/\/www.webandseo.fr\/wp-content\/uploads\/2023\/12\/outils-rapidite-site-chrome-devtools.jpg\" alt=\"Outils gratuit pour tester la rapidit\u00e9 d'un site : Chrome DevTools\" class=\"wp-image-63729\" \/><\/noscript><\/a><\/figure>\n\n\n\n<p>Pour terminer cette liste des 9 meilleurs outils gratuits pour tester la rapidit\u00e9 d&rsquo;un site web, je tenais \u00e0 te parler de Google Chrome DevTools. Contrairement \u00e0 tous les autres outils, auxquels on acc\u00e8de en visitant les sites correspondants, Chrome DevTools est directement int\u00e9gr\u00e9 au navigateur Google Chrome.<\/p>\n\n\n\n<p>Pour ouvrir Chrome DevTools, il faut se rendre sur la page web qu&rsquo;on souhaite analyser puis faire un clic droit et choisir \u00ab\u00a0Inspecter\u00a0\u00bb.<\/p>\n\n\n\n<p>On peut aussi acc\u00e9der \u00e0 cet outil avec les raccourcis clavier :<\/p>\n\n\n\n<ul>\n<li><strong>Windows <\/strong>: F12 ou Ctrl + Shift + i<\/li>\n\n\n\n<li><strong>Mac <\/strong>: Cmd + Opt + i<\/li>\n<\/ul>\n\n\n\n<p>Chrome va alors afficher un panneau lat\u00e9ral avec pas mal d&rsquo;onglets et de sous-rubriques. On y retrouve le code HTML de la page web en question. En survolant les diff\u00e9rentes section de code, l&rsquo;outil met en \u00e9vidence le contenu directement sur la page.<\/p>\n\n\n\n<p>Ce qui nous int\u00e9resse ici, c&rsquo;est l&rsquo;onglet Performances de Chrome DevTools. Il permet d&rsquo;effectuer un test en temps r\u00e9el et d&rsquo;obtenir des datas sur les performances de la page :<\/p>\n\n\n\n<ul>\n<li>Dur\u00e9e de chargement de chaque \u00e9l\u00e9ment<\/li>\n\n\n\n<li>Frames<\/li>\n\n\n\n<li>Animations<\/li>\n\n\n\n<li>Arborescence d&rsquo;appel<\/li>\n\n\n\n<li>Journal des \u00e9v\u00e9nements<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<p>C&rsquo;est un peu technique mais \u00e7a a le m\u00e9rite d&rsquo;\u00eatre ultra d\u00e9taill\u00e9. Et tu peux facilement farfouiller la page pour identifier et optimiser les \u00e9l\u00e9ments qui ralentissent le chargement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les meilleures solutions pour booster la rapidit\u00e9 d&rsquo;un site<\/h2>\n\n\n\n<p>Maintenant qu&rsquo;on a vu ensemble la liste de tous les meilleurs outils et logiciels pour tester la rapidit\u00e9 d&rsquo;un site, tu as sans doute identifi\u00e9 les principales pistes d&rsquo;am\u00e9lioration.<\/p>\n\n\n\n<p>Mais voil\u00e0, on touche ici \u00e0 un sujet assez technique qui n&rsquo;est pas \u00e0 la port\u00e9e du commun des mortels (moi le premier). Je vais donc te partager 9 solutions suppl\u00e9mentaires qui t&rsquo;aideront \u00e0 facilement optimiser ton site internet.<\/p>\n\n\n\n<p>Parmi ces 9 solutions, je vais te partager :<\/p>\n\n\n\n<ul>\n<li>Les 3 meilleurs plugins de performance pour WordPress<\/li>\n\n\n\n<li>Les 3 h\u00e9bergeurs web les plus performants (et rentables)<\/li>\n\n\n\n<li>Et les 3 CDN les plus populaires<\/li>\n<\/ul>\n\n\n\n<p>En choisissant \u00e0 chaque fois 1 solution parmi ces diff\u00e9rents choix, tu devrais d&rsquo;ores et d\u00e9j\u00e0 voir une nette am\u00e9lioration des performances de ton site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Utiliser un plugin de performance WordPress<\/h3>\n\n\n\n<p>Si tu utilises WordPress, la premi\u00e8re chose \u00e0 faire pour am\u00e9liorer les performances, c&rsquo;est d&rsquo;<a data-lasso-id=\"83641\" href=\"https:\/\/www.webandseo.fr\/plugins-de-cache\/\">utiliser un plugin de performance<\/a>. Je pr\u00e9cise qu&rsquo;il ne faut en utiliser qu&rsquo;un seul (et pas plusieurs en simultan\u00e9) car \u00e7a pourrait briser le site.<\/p>\n\n\n\n<p><strong>Voici les 3 meilleurs plugins de performance web en [year] :<\/strong><\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.webandseo.fr\/wp-rocket\/\" data-lasso-id=\"83642\">WP Rocket<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.webandseo.fr\/10web-booster\/\" data-lasso-id=\"83643\">10Web Booster<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.webandseo.fr\/flyingpress\/\" data-lasso-id=\"83644\">FlyingPress<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">WP Rocket<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-wprocket\u00a0\u00bb id=\u00a0\u00bb11749&Prime; link_id=\u00a0\u00bb83655&Prime;]<\/div>\n\n\n\n<p>WP Rocket est de loin le plugin de performance le plus populaire au monde. Il permet d&rsquo;assez facilement optimiser ton site internet et de valider les Core Web Vitals :<\/p>\n\n\n\n<ul>\n<li>Mise en cache<\/li>\n\n\n\n<li>Compression GZIP<\/li>\n\n\n\n<li>Optimisation des fichiers CSS et JavaScript<\/li>\n\n\n\n<li>Activation du LazyLoad et optimisation des images (avec <a href=\"https:\/\/www.webandseo.fr\/imagify\/\" data-lasso-id=\"83645\">Imagify<\/a>)<\/li>\n\n\n\n<li>Int\u00e9gration d&rsquo;un CDN<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">10Web Booster<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-10web-booster\u00a0\u00bb id=\u00a0\u00bb51576&Prime; link_id=\u00a0\u00bb83656&Prime;]<\/div>\n\n\n\n<p>Le plugin 10Web Booster est une autre tr\u00e8s bonne solution pour optimiser la vitesse de chargement d&rsquo;un site web.<\/p>\n\n\n\n<p>Il suffit de l&rsquo;installer sur ton WordPress et de connecter ton site au logiciel. Ensuite, on acc\u00e8de \u00e0 un dashboard externalis\u00e9 sur lequel on va pouvoir faire nos analyses et optimiser le site :<\/p>\n\n\n\n<ul>\n<li>Optimisation du PageSpeed Score<\/li>\n\n\n\n<li><a href=\"https:\/\/www.webandseo.fr\/optimiser-images\/\" data-lasso-id=\"83646\">Optimisation des images<\/a><\/li>\n\n\n\n<li>Conversion automatique des images au format WebP<\/li>\n\n\n\n<li>Minification de code<\/li>\n\n\n\n<li>Mise en cache<\/li>\n\n\n\n<li>Activation d&rsquo;un CDN<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">FlyingPress<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-flyingpress\u00a0\u00bb id=\u00a0\u00bb54109&Prime; link_id=\u00a0\u00bb83657&Prime;]<\/div>\n\n\n\n<p>Enfin, si les deux plugins pr\u00e9c\u00e9dents ne conviendraient pas, je te conseille d&rsquo;utiliser FlyingPress. C&rsquo;est une excellente extension, \u00e0 la fois compl\u00e8te et facile d&rsquo;utilisation, qui permet d&rsquo;optimiser un site jusque dans ses moindres d\u00e9tails :<\/p>\n\n\n\n<ul>\n<li>Mises en cache<\/li>\n\n\n\n<li>Optimisation du CSS et du JavaScript<\/li>\n\n\n\n<li>Optimisation des polices Google et des images<\/li>\n\n\n\n<li>Nettoyage de la base de donn\u00e9es<\/li>\n\n\n\n<li>Activation d\u2019un CDN<\/li>\n\n\n\n<li>Etc.<\/li>\n<\/ul>\n\n\n\n<p>FlyingPress propose pas mal de fonctionnalit\u00e9s innovantes qui devraient nettement am\u00e9liorer les r\u00e9sultats de ton site dans les diff\u00e9rents tests de rapidit\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Choisir un h\u00e9bergeur performant et fiable<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.webandseo.fr\/hebergement\/\" data-lasso-id=\"95682\">Le choix de ton h\u00e9bergeur web<\/a> a une influence directe sur les performances d&rsquo;un site.<\/p>\n\n\n\n<p>Si ton h\u00e9bergeur ne maintient pas correctement son parc de serveurs, tu vas directement en payer les frais. Car le serveur web se trouve au centre du processus. C&rsquo;est sur lui que repose une grande partie de la vitesse de chargement d&rsquo;un site.<\/p>\n\n\n\n<p>Si tu n&rsquo;as pas encore cr\u00e9\u00e9 de site mais que tu veux mettre toutes les chances de ton c\u00f4t\u00e9, je te conseille de pr\u00eater une attention toute particuli\u00e8re au sujet et de ne pas uniquement te focaliser sur le prix de l&rsquo;h\u00e9bergement.<\/p>\n\n\n\n<p>Si tu te trouves dans cette situation ou si tu penses \u00e0 migrer tes sites chez un h\u00e9bergeur web plus performant, voici les soci\u00e9t\u00e9s que je te conseille :<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.webandseo.fr\/easyhoster\/\" data-lasso-id=\"83648\">EasyHoster<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.webandseo.fr\/kinsta\/\" data-lasso-id=\"83649\">Kinsta<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.webandseo.fr\/hostinger\/\" data-lasso-id=\"83650\">Hostinger<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">EasyHoster<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-easyhoster\u00a0\u00bb id=\u00a0\u00bb11853&Prime; link_id=\u00a0\u00bb83658&Prime;]<\/div>\n\n\n\n<p>Chez Web &amp; SEO, on adore EasyHoster. C&rsquo;est un h\u00e9bergeur web fran\u00e7ais, fiable, performant et pas cher. Il se sp\u00e9cialise dans l&rsquo;h\u00e9bergement mutualis\u00e9 haut de gamme (plusieurs sites qui se partagent un m\u00eame serveur) mais garantit d&rsquo;excellentes performances \u00e0 tous ses clients.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Kinsta<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-kinsta\u00a0\u00bb id=\u00a0\u00bb11594&Prime; link_id=\u00a0\u00bb83659&Prime;]<\/div>\n\n\n\n<p>Kinsta, c&rsquo;est un peu la Rolls de l&rsquo;h\u00e9bergement WordPress. Si tu es pr\u00eat \u00e0 y mettre le prix, tu ne seras probablement pas d\u00e9\u00e7u. Cet h\u00e9bergeur am\u00e9ricain s&rsquo;appuie sur l&rsquo;infrastructure de Google Cloud et le CDN Cloudflare pour proposer un service performant et fiable.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Hostinger<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-hostinger\u00a0\u00bb id=\u00a0\u00bb12999&Prime; link_id=\u00a0\u00bb83660&Prime;]<\/div>\n\n\n\n<p>Enfin, je te recommande de regarder ce que propose Hostinger. C&rsquo;est un h\u00e9bergeur international avec une offre qui s&rsquo;adapte \u00e0 tous les besoins et tous les CMS (WordPress, <a href=\"https:\/\/www.webandseo.fr\/prestashop\/\" data-lasso-id=\"83651\">PrestaShop<\/a>, Drupal, Magento, Joomla&#8230;). Mais il propose surtout des h\u00e9bergements fiables et performants pour un prix d\u00e9fiant toute concurrence.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Utiliser un CDN<\/h3>\n\n\n\n<p>Pour finir, l&rsquo;un des moyens les plus efficaces de booster les performances d&rsquo;un site, c&rsquo;est d&rsquo;utiliser un CDN.<\/p>\n\n\n\n<p>Activer un <em>Content Delivery Network<\/em> consiste \u00e0 mettre en cache une copie de ton site sur un r\u00e9seau de serveurs internationaux. \u00c7a permet d&rsquo;all\u00e9ger la charge de travail de ton serveur d&rsquo;origine mais aussi de livrer ton site plus rapidement aupr\u00e8s d&rsquo;internautes situ\u00e9s \u00e0 l&rsquo;\u00e9tranger.<\/p>\n\n\n\n<p>Avec un CDN, un internaute qui se connecte \u00e0 ton site depuis l&rsquo;Asie ne devra pas attendre que sa requ\u00eate traverse la plan\u00e8te jusqu&rsquo;\u00e0 ton serveur d&rsquo;origine (sil est situ\u00e9 en Europe). La connexion se fera automatiquement aupr\u00e8s du serveur le plus proche de l&rsquo;internaute.<\/p>\n\n\n\n<p>Il existe plusieurs CDN sur le march\u00e9 et, m\u00eame si \u00e7a peut faire peur aux d\u00e9butants, il n&rsquo;y a rien de bien compliqu\u00e9 dans la d\u00e9marche. Et surtout, certains CDN sont gratuits ! Tu aurais donc tort de t&rsquo;en priver.<\/p>\n\n\n\n<p>Voici les 3 CDN que je recommande pour booster la rapidit\u00e9 d&rsquo;un site :<\/p>\n\n\n\n<ul>\n<li><a data-lasso-id=\"83652\" href=\"https:\/\/www.webandseo.fr\/cloudflare\/\">Cloudflare<\/a> (via <a href=\"https:\/\/www.webandseo.fr\/10web-booster\/\" title=\"10Web Booster : la solution Performance ultime sur WordPress\" data-lasso-id=\"95683\">10Web Booster<\/a>)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.webandseo.fr\/bunny\/\" data-lasso-id=\"83653\">Bunny<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.webandseo.fr\/keycdn\/\" data-lasso-id=\"83654\">KeyCDN<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Cloudflare (10Web Booster)<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-10web-booster\u00a0\u00bb id=\u00a0\u00bb51576&Prime; link_id=\u00a0\u00bb95685&Prime;]<\/div>\n\n\n\n<p><a href=\"https:\/\/www.webandseo.fr\/cloudflare\/\" title=\"Cloudflare : le guide ultime (avis, tuto, prix\u2026)\" data-lasso-id=\"95684\">Cloudflare est le CDN le plus populaire et le plus r\u00e9pandu<\/a> au monde, notamment gr\u00e2ce \u00e0 sa formule gratuite. Il est possible d&rsquo;int\u00e9grer Cloudflare \u00e0 n&rsquo;importe quel site et de le coupler avec la plupart des plugins de performance. <\/p>\n\n\n\n<p>Je te conseille d&rsquo;ailleurs d&rsquo;utiliser Cloudflare Entreprise (son offre la plus puissante) avec 10Web Booster car c&rsquo;est selon moi la meilleure configuration possible, tout en b\u00e9n\u00e9ficiant d&rsquo;un tarif super attractif !<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Bunny<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-bunny\u00a0\u00bb id=\u00a0\u00bb52882&Prime; link_id=\u00a0\u00bb83662&Prime;]<\/div>\n\n\n\n<p>Bunny est moins populaire que Cloudflare mais c&rsquo;est l&rsquo;un des CDN les plus performants du monde. Il propose \u00e0 ses utilisateurs un r\u00e9seau de plus de 110 serveurs internationaux mais aussi une solution de s\u00e9curit\u00e9 compl\u00e8te. Le tout pour un tarif extr\u00eamement bas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">KeyCDN<\/h4>\n\n\n\n<div class=\"wp-block-affiliate-plugin-lasso\">[lasso ref=\u00a0\u00bbgo-keycdn\u00a0\u00bb id=\u00a0\u00bb11611&Prime; link_id=\u00a0\u00bb83663&Prime;]<\/div>\n\n\n\n<p>Pour terminer, voici KeyCDN. C&rsquo;est un CDN accessible et performant qui va t&rsquo;aider \u00e0 booster la rapidit\u00e9 de ton site en un rien de temps. Il est pr\u00e9sent sur tous les continents et propose un large \u00e9ventail de fonctionnalit\u00e9s pour optimiser ton site ainsi que des outils de s\u00e9curit\u00e9 au top niveau.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pr\u00eat.e \u00e0 booster la rapidit\u00e9 de ton site web ?<\/h2>\n\n\n\n<p>Fin ! Je viens de te partager absolument tous les meilleurs outils gratuits pour tester la rapidit\u00e9 de ton site et l&rsquo;optimiser jusque dans ses moindres d\u00e9tails.<\/p>\n\n\n\n<p>Comme tu peux le voir, les solutions ne manquent pas. Et les r\u00e9sultats des tests varient l\u00e9g\u00e8rement d&rsquo;un logiciel \u00e0 un autre. Il ne faut donc pas h\u00e9siter \u00e0 en utiliser plusieurs afin de ne laisser passer aucune opportunit\u00e9 d&rsquo;optimisation.<\/p>\n\n\n\n<p>En tout cas, quelles que soient les performances actuelles de ton site, je te conseille d&rsquo;installer un plugin de performance, de veiller \u00e0 choisir le bon h\u00e9bergeur et d&rsquo;activer un CDN. Avec ces 3 composantes, tu devrais rapidement voir une belle \u00e9volution dans la vitesse de chargement de tes pages web.<\/p>\n\n\n\n<p>Si tu penses qu&rsquo;on a oubli\u00e9 certains outils, n&rsquo;h\u00e9site pas \u00e0 nous en faire part dans la section des commentaires ci-dessous !<\/p>\n\n\n<p>Source: <a href=\"https:\/\/www.webandseo.fr\/rapidite-site\/\" rel=\"dofollow\">9 outils gratuits pour tester la rapidit\u00e9 de ton site<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La rapidit\u00e9 d&rsquo;un site web est d&rsquo;une importance capitale si tu veux attirer du trafic et garder les internautes scotch\u00e9s \u00e0 tes contenus. Et pour s&rsquo;assurer que ton site est rapide, il faut se servir des bons logiciels. C&rsquo;est pourquoi je vais te partager ci-dessous les 9 meilleurs outils gratuits [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"_links":{"self":[{"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/posts\/173961"}],"collection":[{"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/comments?post=173961"}],"version-history":[{"count":0,"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/posts\/173961\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/media?parent=173961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/categories?post=173961"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tranches-de-marketing.com\/veille\/wp-json\/wp\/v2\/tags?post=173961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}