{"id":11043,"date":"2017-12-04T16:48:32","date_gmt":"2017-12-04T15:48:32","guid":{"rendered":"https:\/\/www.saasweb.agency\/blog\/tester-la-vitesse-de-chargement-du-site-web-avec-webpagetest-org\/"},"modified":"2026-10-27T13:29:45","modified_gmt":"2026-10-27T12:29:45","slug":"tester-la-vitesse-de-chargement-du-site-web-avec-webpagetest-org","status":"publish","type":"post","link":"https:\/\/www.saasweb.agency\/fr\/blog\/tester-la-vitesse-de-chargement-du-site-web-avec-webpagetest-org\/","title":{"rendered":"Tester la vitesse de chargement du site web avec webpagetest.org"},"content":{"rendered":"<div id=\"pl-5757\" class=\"panel-layout\">\n<div id=\"pg-5757-0\" class=\"panel-grid panel-no-style\" data-style=\"{\">\n<div id=\"pgc-5757-0-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-5757-0-0-0\" class=\"so-panel widget widget_sow-headline panel-first-child\" data-index=\"0\" data-style=\"{\">\n<h2>Toujours plus de vitesse<\/h2>\n<\/div>\n<div id=\"panel-5757-0-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"1\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<div class=\"siteorigin-widget-tinymce textwidget\">\n<p>Le sujet de la vitesse de chargement n&rsquo;est pas nouveau : d\u00e8s les d\u00e9buts du web, le temps de chargement \u00e9tait un facteur important pour le succ\u00e8s d&rsquo;un site web. La bande passante des connexions internet \u00e9tait si faible \u2014 rappelons-nous : les modems 56k \u00e9taient souvent le summum \u00e0 la fin des ann\u00e9es 1990 ; aujourd&rsquo;hui, les connexions de 100 MBit et plus ne sont pas rares \u2014 que quelques centaines de kilo-octets constituaient d\u00e9j\u00e0 la limite sup\u00e9rieure pour une page permettant un temps de chargement d\u00e9cent.<\/p>\n<p>Avec l&rsquo;augmentation de la bande passante, la situation dans le domaine des ordinateurs de bureau s&rsquo;est, du moins th\u00e9oriquement, quelque peu d\u00e9tendue. L&rsquo;utilisation croissante des terminaux mobiles et des \u00e9crans de plus en plus grands avec une haute r\u00e9solution (\u00e0 l&rsquo;\u00e9poque, fin des ann\u00e9es 1990, par exemple 19&Prime; avec 1 200 x 800 pixels, aujourd&rsquo;hui, par exemple 27&Prime; avec 2 560 x 1 440 pixels) place les exploitants de sites web dans une situation similaire \u00e0 celle d&rsquo;autrefois \u2014 c&rsquo;est un peu le m\u00eame probl\u00e8me que celui des batteries de smartphones : les batteries sont de plus en plus performantes, mais les appareils consomment de plus en plus d&rsquo;\u00e9nergie. <\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-0-0-2\" class=\"so-panel widget widget_sow-editor\" data-index=\"2\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">La vitesse de chargement comme facteur de classement<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n Aujourd&rsquo;hui, le temps de chargement prend une nouvelle dimension : les moteurs de recherche, Google en t\u00eate, int\u00e8grent le temps de chargement dans le calcul de l&rsquo;index. Pour simplifier : plus un site web charge lentement, plus il sera affich\u00e9 loin dans les r\u00e9sultats de recherche. C&rsquo;est \u00e0 partir de ce moment-l\u00e0 que le sujet a touch\u00e9 les exploitants de sites web professionnels et qu&rsquo;une v\u00e9ritable course contre la montre a commenc\u00e9. \u00c9tat des lieux en 2026 : Google \u00e9value l&rsquo;exp\u00e9rience de chargement principalement via les <a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/core-web-vitals?hl=de\" target=\"_blank\" rel=\"noopener\">Core Web Vitals<\/a> \u2014 Largest Contentful Paint (LCP, quand le plus grand contenu visible est charg\u00e9), Interaction to Next Paint (INP, rapidit\u00e9 de r\u00e9action de la page aux saisies) et Cumulative Layout Shift (CLS, stabilit\u00e9 visuelle du contenu lors du chargement). C&rsquo;est un facteur de classement parmi d&rsquo;autres ; un contenu de qualit\u00e9 reste primordial.    <\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-0-0-3\" class=\"so-panel widget widget_sow-headline\" data-index=\"3\" data-style=\"{\">\n<h2>Facteurs influen\u00e7ant le temps de chargement<\/h2>\n<\/div>\n<div id=\"panel-5757-0-0-4\" class=\"so-panel widget widget_sow-editor\" data-index=\"4\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<div class=\"siteorigin-widget-tinymce textwidget\">\n Il existe plusieurs niveaux sur lesquels les optimisations peuvent se faire sentir. D&rsquo;une part, ceux qui concernent la connexion en elle-m\u00eame, ou la \u00ab puissance \u00bb \u2014 comparaison automobile : le nombre de chevaux, si la voiture est a\u00e9rodynamique, son poids&#8230; D&rsquo;autre part, si un site web est bien construit, \u00e9vitant les chargements inutiles d&rsquo;\u00e9l\u00e9ments \u2014 comparaison automobile : le conducteur ; conduit-il de mani\u00e8re optimale, conna\u00eet-il le parcours ou doit-il s&rsquo;arr\u00eater \u00e0 tous les feux ? Il existe certainement de meilleures comparaisons que celle de la voiture \ud83d\ude09 Quoi qu&rsquo;il en soit, les deux niveaux sont expliqu\u00e9s plus en d\u00e9tail dans les paragraphes suivants.   <\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-0-0-5\" class=\"so-panel widget widget_sow-editor\" data-index=\"5\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">Niveau h\u00e9bergement : infrastructure, serveur web, mise en cache<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n<ul>\n<li>Infrastructure : en g\u00e9n\u00e9ral, le fait que le site web soit exploit\u00e9 sur un serveur d&rsquo;h\u00e9bergement partag\u00e9 ou un serveur d\u00e9di\u00e9 joue un r\u00f4le. La vitesse commence d\u00e8s la connexion internet du centre de donn\u00e9es et la mani\u00e8re dont les routeurs du fournisseur connectent les diff\u00e9rents serveurs. Il en r\u00e9sulte non seulement la vitesse, mais aussi ce que l&rsquo;on appelle le <em>Time to first Byte<\/em>, une mesure du temps n\u00e9cessaire pour que le premier octet arrive du serveur au client.  <\/li>\n<li>Serveur web : le serveur web joue \u00e9galement un r\u00f4le dans l&rsquo;optimisation. De mani\u00e8re g\u00e9n\u00e9rale, les serveurs web avec Nginx sont plus rapides qu&rsquo;Apache \u2014 ce n&rsquo;est pas forc\u00e9ment le cas, avec un peu de travail de configuration, Apache peut aussi s&rsquo;envoler. Mais le changement de logiciel n&rsquo;est pas le seul \u00e0 apporter de la vitesse. Des param\u00e8tres tels que <em>Keep-Alive<\/em> permettent \u00e9galement de ne pas avoir \u00e0 ren\u00e9gocier la connexion au serveur web apr\u00e8s chaque requ\u00eate.   <\/li>\n<li>La mise en cache est un sujet complexe, car il existe du cache \u00e0 de nombreux niveaux (CDN, proxy inverse HTTP comme Varnish Cache, cache local, cache de base de donn\u00e9es comme memcached ou Redis, &#8230;). Le caching fait partie des options les plus efficaces pour r\u00e9duire le temps de chargement, selon la mani\u00e8re dont il est utilis\u00e9. Il convient de noter que tout ne peut pas toujours \u00eatre mis en cache \u2014 les pages \u00e0 haute fr\u00e9quence de modification, comme les portails d&rsquo;actualit\u00e9s, souhaitent que les visiteurs voient toujours les derniers articles.  <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-0-0-6\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"6\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">Niveau site web : HTML\/JS\/CSS, \u00e9l\u00e9ments multim\u00e9dias<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n<ul>\n<li>Une structure de page correcte joue un r\u00f4le majeur \u2014 nous ne parlons m\u00eame pas de HTML corrompu. La structure HTML d&rsquo;un document doit toujours \u00eatre aussi l\u00e9g\u00e8re que n\u00e9cessaire et les imbrications bizarres doivent \u00eatre \u00e9vit\u00e9es autant que possible. De m\u00eame, sauf n\u00e9cessit\u00e9 absolue, les \u00e9l\u00e9ments ne devraient pas \u00eatre ins\u00e9r\u00e9s a posteriori par Javascript.  <\/li>\n<li>Les \u00e9l\u00e9ments multim\u00e9dias, c&rsquo;est-\u00e0-dire les images, doivent toujours \u00eatre optimis\u00e9s pour le terminal \u2014 une grande image pour ordinateur de bureau doit \u00eatre charg\u00e9e dans une version proportionnellement plus petite sur un smartphone.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-5757-1\" class=\"panel-grid panel-no-style\" data-style=\"{\">\n<div id=\"pgc-5757-1-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-5757-1-0-0\" class=\"so-panel widget widget_sow-headline panel-first-child\" data-index=\"7\" data-style=\"{\">\n<h2>V\u00e9rification de la vitesse en ligne avec www.webpagetest.org<\/h2>\n<\/div>\n<div id=\"panel-5757-1-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"8\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<div class=\"siteorigin-widget-tinymce textwidget\">\n L&rsquo;outil <a href=\"https:\/\/www.webpagetest.org\" target=\"_blank\" rel=\"noopener\">webpagetest.org<\/a>, gratuit dans sa version de base, permet \u00e0 chacun de mesurer et d&rsquo;analyser le temps de chargement de son site web (accessible au public).<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-5757-2\" class=\"panel-grid panel-no-style\" data-style=\"{\">\n<div id=\"pgc-5757-2-0\" class=\"panel-grid-cell\" data-weight=\"0.24995742869306\">\n<div id=\"panel-5757-2-0-0\" class=\"so-panel widget widget_sow-image panel-first-child panel-last-child\" data-index=\"9\" data-style=\"{\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start.png\"><img decoding=\"async\" width=\"958\" height=\"603\" src=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1.png\" alt=\"WebPageTest - Accueil\" class=\"wp-image-6449\" srcset=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1.png 958w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-300x189.png 300w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-768x483.png 768w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-715x450.png 715w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-600x378.png 600w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-50x31.png 50w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-150x94.png 150w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-400x252.png 400w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-100x63.png 100w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-222x140.png 222w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-start-1-826x520.png 826w\" sizes=\"(max-width: 958px) 100vw, 958px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<div id=\"pgc-5757-2-1\" class=\"panel-grid-cell\" data-weight=\"0.75004257130694\">\n<div id=\"panel-5757-2-1-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"10\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">C&rsquo;est aussi simple que cela<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n<p>Pour lancer une analyse du site web, tu n&rsquo;as besoin que de :<\/p>\n<ul>\n<li>URL : Saisissez l&rsquo;URL du site web, de pr\u00e9f\u00e9rence avec https et www, sinon l&rsquo;\u00e9ventuelle redirection sera incluse dans le temps de chargement<\/li>\n<li>Location : d&rsquo;o\u00f9 la mesure doit-elle \u00eatre effectu\u00e9e ? En effet, la situation g\u00e9ographique joue \u00e9galement un r\u00f4le \u2014 il est pr\u00e9f\u00e9rable de choisir un emplacement proche de tes visiteurs (pour un site web allemand, par exemple, un emplacement en Allemagne ou en Europe). <\/li>\n<li>Navigateur : le navigateur test\u00e9 peut tout \u00e0 fait jouer un r\u00f4le. Il est d&rsquo;ailleurs possible de s\u00e9lectionner des navigateurs mobiles selon le fournisseur et l&#8217;emplacement <\/li>\n<li>Nombre de tests : il est recommand\u00e9 d&rsquo;effectuer plusieurs tests afin d&rsquo;obtenir une moyenne plus significative<\/li>\n<li>Repeat View : il s&rsquo;agit ici du temps de chargement lorsqu&rsquo;un client (navigateur) charge une page de mani\u00e8re r\u00e9p\u00e9t\u00e9e et que les effets de mise en cache devraient \u00eatre plus perceptibles \u2014 il est recommand\u00e9 de s\u00e9lectionner <em>first view and repeat view<\/em><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-5757-3\" class=\"panel-grid panel-no-style\" data-style=\"{\">\n<div id=\"pgc-5757-3-0\" class=\"panel-grid-cell\" data-weight=\"0.7497232865049\">\n<div id=\"panel-5757-3-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child\" data-index=\"11\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">Aper\u00e7u du r\u00e9sultat<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n \u00c9tat des lieux en 2026 : La page de r\u00e9sultats est d\u00e9sormais structur\u00e9e diff\u00e9remment. En haut se trouve un r\u00e9sum\u00e9 avec les questions \u00ab Is it Quick? \u00bb, \u00ab Is it Usable? \u00bb et \u00ab Is it Resilient? \u00bb ainsi que des propositions concr\u00e8tes d&rsquo;am\u00e9lioration (\u00ab Opportunities &amp; Experiments \u00bb). Les 6 indicateurs suivants (de A \u00e0 F &#8211; A \u00e9tant la meilleure note) montrent l&rsquo;\u00e9tat de 2017, mais ces points restent les bases de l&rsquo;optimisation.  <\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-3-0-1\" class=\"so-panel widget widget_sow-image\" data-index=\"12\" data-style=\"{\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren.png\"><img decoding=\"async\" width=\"450\" height=\"122\" src=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren.png\" alt=\"Indicateurs de performance\" class=\"wp-image-6461\" srcset=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren.png 450w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren-300x81.png 300w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren-50x14.png 50w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren-150x41.png 150w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren-400x108.png 400w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren-100x27.png 100w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/performance-indikatoren-250x68.png 250w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><\/figure>\n<\/div>\n<div id=\"panel-5757-3-0-2\" class=\"so-panel widget widget_sow-editor\" data-index=\"13\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<div class=\"siteorigin-widget-tinymce textwidget\">\n Voici en bref la signification des 6 points :<\/p>\n<ol>\n<li>First Byte Time : Temps de r\u00e9ception du premier octet du serveur web. Cette valeur peut \u00eatre influenc\u00e9e principalement au niveau de l&rsquo;h\u00e9bergement, par exemple par la mise en cache. La valeur d\u00e9pend de l&rsquo;environnement d&rsquo;h\u00e9bergement physique (centre de donn\u00e9es, serveur) et de la charge actuelle des syst\u00e8mes.  <\/li>\n<li>Keep-alive enabled : Option du serveur web qui permet de maintenir la connexion ouverte entre le serveur et le navigateur, \u00e9vitant ainsi de devoir ren\u00e9gocier le handshake TCP \u00e0 chaque fois. Une page web comporte souvent 100 \u00e9l\u00e9ments ou plus \u00e0 charger \u2014 une optimisation apparemment mineure peut donc d\u00e9j\u00e0 avoir un impact. Avec HTTP\/2 et HTTP\/3, de nombreux fichiers sont de toute fa\u00e7on charg\u00e9s en parall\u00e8le via une seule connexion aujourd&rsquo;hui.  <\/li>\n<li>Compress transfer : \u00e9galement un param\u00e8tre du serveur web. Le serveur web peut transmettre les donn\u00e9es de mani\u00e8re compress\u00e9e, de sorte que moins de donn\u00e9es doivent \u00eatre transf\u00e9r\u00e9es. Les navigateurs modernes sont d\u00e9sormais tous capables de g\u00e9rer le transfert de donn\u00e9es compress\u00e9es.  <\/li>\n<li>Compress images : ici, les exploitants de sites web sont sollicit\u00e9s. L&rsquo;indicateur montre \u00e0 quel point les images charg\u00e9es sont compress\u00e9es. Est-il possible de r\u00e9duire la taille (sans perte de qualit\u00e9) ?  <\/li>\n<li>Cache static content : les \u00e9l\u00e9ments affich\u00e9s proviennent-ils du cache ou ont-ils \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9s fra\u00eechement par le serveur web ?<\/li>\n<li>Effective use of CDN : les contenus sont-ils diffus\u00e9s par un CDN (Content Delivery Network) ?<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-3-0-3\" class=\"so-panel widget widget_sow-editor\" data-index=\"14\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">Performance Results<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n Dans le tableau sup\u00e9rieur, d&rsquo;autres valeurs sont \u00e0 lire, qui doivent \u00eatre comprises comme le r\u00e9sultat du test de vitesse. Ici, la vitesse d&rsquo;affichage du site web est divis\u00e9e en \u00e9tapes individuelles afin de mieux comprendre o\u00f9 les temps de chargement se produisent. <\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-3-0-4\" class=\"so-panel widget widget_sow-image\" data-index=\"15\" data-style=\"{\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results.png\"><img decoding=\"async\" width=\"956\" height=\"126\" src=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results.png\" alt=\"webpagetest - Performance Results\" class=\"wp-image-6472\" srcset=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results.png 956w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-300x40.png 300w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-768x101.png 768w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-600x79.png 600w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-50x7.png 50w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-150x20.png 150w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-400x53.png 400w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-100x13.png 100w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-performance-results-250x33.png 250w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><\/a><\/figure>\n<\/div>\n<div id=\"panel-5757-3-0-5\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"16\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<div class=\"siteorigin-widget-tinymce textwidget\">\n<ul>\n<li>Load Time : ce temps correspond au temps de chargement du site web. Le temps <em>Fully Loaded<\/em>, quant \u00e0 lui, mesure encore toutes les activit\u00e9s jusqu&rsquo;\u00e0 2 secondes apr\u00e8s le Load Time, c&rsquo;est-\u00e0-dire les \u00e9l\u00e9ments qui sont par exemple charg\u00e9s ult\u00e9rieurement par Javascript. <\/li>\n<li>First Byte (TTFB) : le temps n\u00e9cessaire pour le premier octet du serveur au navigateur lors du premier appel du site web.<\/li>\n<li>Start Render : Temps n\u00e9cessaire au navigateur pour commencer l&rsquo;affichage du site web.<\/li>\n<li>Speed Index : l&rsquo;indice de vitesse est une valeur permettant d&rsquo;\u00e9valuer la vitesse mesur\u00e9e. Plus cette valeur est petite, mieux c&rsquo;est. Tu trouveras ici des informations d\u00e9taill\u00e9es sur le calcul de cet indice : <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/speed-index\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/speed-index<\/a>  <\/li>\n<li>Core Web Vitals : En 2026, WebPageTest affiche en plus, entre autres, le First Contentful Paint, le Largest Contentful Paint (LCP), le Cumulative Layout Shift (CLS) et le Total Blocking Time (TBT). Pour les sites web suffisamment fr\u00e9quent\u00e9s, des donn\u00e9es d&rsquo;utilisateurs r\u00e9els provenant du Chrome UX Report s&rsquo;y ajoutent. <\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pgc-5757-3-1\" class=\"panel-grid-cell\" data-weight=\"0.2502767134951\">\n<div id=\"panel-5757-3-1-0\" class=\"so-panel widget widget_sow-image panel-first-child panel-last-child\" data-index=\"17\" data-style=\"{\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis.png\"><img decoding=\"async\" width=\"646\" height=\"932\" src=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis.png\" alt=\"webpagetest - R\u00e9sultat\" class=\"wp-image-6456\" srcset=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis.png 646w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-208x300.png 208w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-312x450.png 312w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-416x600.png 416w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-50x72.png 50w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-150x216.png 150w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-69x100.png 69w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-97x140.png 97w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-ergebnis-360x520.png 360w\" sizes=\"(max-width: 646px) 100vw, 646px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-5757-4\" class=\"panel-grid panel-no-style\" data-style=\"{\" data-ratio=\"1\" data-ratio-direction=\"right\">\n<div id=\"pgc-5757-4-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-5757-4-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child\" data-index=\"18\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">D\u00e9tails &#8211; Diagramme en cascade<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n Le diagramme en cascade permet de voir tr\u00e8s rapidement combien de requ\u00eates le chargement de la page g\u00e9n\u00e8re et \u00e0 quelle vitesse les requ\u00eates individuelles re\u00e7oivent une r\u00e9ponse. Gr\u00e2ce aux codes couleur, les requ\u00eates peuvent \u00e9galement \u00eatre class\u00e9es selon qu&rsquo;il s&rsquo;agit d&rsquo;une requ\u00eate DNS, de HTML\/texte, de Javascript\/texte, de donn\u00e9es d&rsquo;image ou d&rsquo;autres types de contenu. <\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-4-0-1\" class=\"so-panel widget widget_sow-image panel-last-child\" data-index=\"19\" data-style=\"{\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall.png\"><img decoding=\"async\" width=\"963\" height=\"802\" src=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall.png\" alt=\"webpagetest - D\u00e9tails Waterfall\" class=\"wp-image-6479\" srcset=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall.png 963w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-300x250.png 300w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-768x640.png 768w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-540x450.png 540w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-600x500.png 600w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-50x42.png 50w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-150x125.png 150w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-360x300.png 360w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-100x83.png 100w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-168x140.png 168w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-details-waterfall-624x520.png 624w\" sizes=\"(max-width: 963px) 100vw, 963px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-5757-5\" class=\"panel-grid panel-no-style\" data-style=\"{\" data-ratio=\"1\" data-ratio-direction=\"right\">\n<div id=\"pgc-5757-5-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-5757-5-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child\" data-index=\"20\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">R\u00e9partition du contenu<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n La section \u00ab Content Breakdown \u00bb est particuli\u00e8rement int\u00e9ressante pour voir les proportions de texte, CSS, Javascript et images. Cela permet de mieux d\u00e9cider o\u00f9 se trouve le levier le plus important lorsqu&rsquo;il s&rsquo;agit de fixer des priorit\u00e9s pour l&rsquo;optimisation. <\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-5-0-1\" class=\"so-panel widget widget_sow-image panel-last-child\" data-index=\"21\" data-style=\"{\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown.png\"><img decoding=\"async\" width=\"862\" height=\"670\" src=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown.png\" alt=\"webpagetest - Content Breakdown\" class=\"wp-image-6484\" srcset=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown.png 862w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-300x233.png 300w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-768x597.png 768w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-579x450.png 579w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-600x466.png 600w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-50x39.png 50w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-150x117.png 150w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-386x300.png 386w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-100x78.png 100w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-180x140.png 180w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-content-breakdown-669x520.png 669w\" sizes=\"(max-width: 862px) 100vw, 862px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-5757-6\" class=\"panel-grid panel-no-style\" data-style=\"{\" data-ratio=\"1\" data-ratio-direction=\"right\">\n<div id=\"pgc-5757-6-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-5757-6-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child\" data-index=\"22\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<h3 class=\"widget-title\">Analyse d&rsquo;images<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n Le point \u00ab Image Analysis \u00bb proposait en 2017 l&rsquo;analyse des fichiers d&rsquo;images. Le service v\u00e9rifiait chaque image, \u00e9valuait la compression et lui attribuait une note (A-F). Tu peux effectuer toi-m\u00eame les optimisations si elles sont judicieusement possibles \u2014 il existe pour cela de nombreux programmes de traitement d&rsquo;images. En 2026, ce point n&rsquo;existe plus sous cette forme ; tu trouveras des indications sur les images trop grandes ou mal compress\u00e9es sous \u00ab Opportunities &amp; Experiments \u00bb et dans le rapport Lighthouse. Les formats modernes comme WebP ou AVIF permettent souvent d&rsquo;\u00e9conomiser beaucoup de volume de donn\u00e9es.    <\/div>\n<\/div>\n<\/div>\n<div id=\"panel-5757-6-0-1\" class=\"so-panel widget widget_sow-image\" data-index=\"23\" data-style=\"{\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis.png\"><img decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-1024x503.png\" alt=\"webpagetest - Image Analysis\" class=\"wp-image-6489\" srcset=\"https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-1024x503.png 1024w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-300x147.png 300w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-768x377.png 768w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-916x450.png 916w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-600x295.png 600w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-50x25.png 50w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-150x74.png 150w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-400x197.png 400w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-100x49.png 100w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-250x123.png 250w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis-1000x491.png 1000w, https:\/\/www.saasweb.agency\/wp-content\/uploads\/2017\/12\/webpagetest-image-analysis.png 1262w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<div id=\"panel-5757-6-0-2\" class=\"so-panel widget widget_sow-headline\" data-index=\"24\" data-style=\"{\">\n<h2>Un outil professionnel pour z\u00e9ro euro<\/h2>\n<\/div>\n<div id=\"panel-5757-6-0-3\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"25\" data-style=\"{\">\n<div class=\"so-widget-sow-editor so-widget-sow-editor-base\">\n<div class=\"siteorigin-widget-tinymce textwidget\">\n<p><a href=\"https:\/\/www.webpagetest.org\" target=\"_blank\" rel=\"noopener\">Webpagetest.org<\/a> est un projet mature avec lequel l&rsquo;optimisation de sites web peut \u00eatre r\u00e9ellement pouss\u00e9e. Il est particuli\u00e8rement appr\u00e9ciable que l&rsquo;outil puisse toujours \u00eatre utilis\u00e9 gratuitement. En 2026, WebPageTest appartient \u00e0 Catchpoint (fait partie de LogicMonitor depuis fin 2025) : les tests individuels sont possibles sans inscription, pour des tests r\u00e9guliers, tu as besoin d&rsquo;un compte gratuit avec un quota de tests mensuel ; l&rsquo;acc\u00e8s \u00e0 l&rsquo;API et les fonctions avanc\u00e9es ne sont disponibles que dans les tarifs payants. De temps en temps, tu devras attendre un peu que la demande d&rsquo;analyse soit trait\u00e9e \u2014 apr\u00e8s tout, tu n&rsquo;es pas la seule personne \u00e0 utiliser ce service. Un compl\u00e9ment rapide, \u00e9galement gratuit, avec des donn\u00e9es d&rsquo;utilisateurs r\u00e9els de Google est <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>.    <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<p class=\"blog-angebot wp-block-paragraph\"><strong>Ton site web commence \u00e0 dater ?<\/strong> Nous planifions et r\u00e9alisons ta refonte \u2013 rapide, propre et facile \u00e0 trouver. <a href=\"https:\/\/www.saasweb.agency\/fr\/prestations\/planification\/refonte-de-site-web\/\">En savoir plus sur la refonte de site web<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Toujours plus de vitesse Le sujet de la vitesse de chargement n&rsquo;est pas nouveau : d\u00e8s les d\u00e9buts du web, le temps de chargement \u00e9tait un facteur important pour le succ\u00e8s d&rsquo;un site web. La bande passante des connexions internet \u00e9tait si faible \u2014 rappelons-nous : les modems 56k \u00e9taient souvent le summum \u00e0 la \u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[812,816],"tags":[957,1846,1924,1719,895,2117,1557,2044,2166,1612,1654],"class_list":["post-11043","post","type-post","status-publish","format-standard","hentry","category-infos-saas-web","category-tutoriel","tag-apache","tag-cdn","tag-delai-de-premier-octet","tag-keep-alive","tag-nginx","tag-redis","tag-repartition-du-contenu","tag-temps-de-chargement","tag-test-de-vitesse","tag-varnish","tag-vitesse-de-chargement"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/posts\/11043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/comments?post=11043"}],"version-history":[{"count":2,"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/posts\/11043\/revisions"}],"predecessor-version":[{"id":11838,"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/posts\/11043\/revisions\/11838"}],"wp:attachment":[{"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/media?parent=11043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/categories?post=11043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.saasweb.agency\/fr\/wp-json\/wp\/v2\/tags?post=11043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}