{"id":21637,"date":"2018-11-12T10:30:15","date_gmt":"2018-11-12T08:30:15","guid":{"rendered":"https:\/\/kinqsta.com\/?p=10984"},"modified":"2023-10-27T10:50:22","modified_gmt":"2023-10-27T09:50:22","slug":"test-vitesse-gtmetrix","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/","title":{"rendered":"Plong\u00e9e en profondeur dans l&rsquo;outil de test de vitesse GTmetrix"},"content":{"rendered":"<p>Il y a beaucoup d&rsquo;options que vous avez en tant que propri\u00e9taire de site Web quand il s&rsquo;agit d&rsquo;effectuer des tests de vitesse pour v\u00e9rifier la performance. Auparavant, nous avons examin\u00e9 en profondeur l&rsquo;outil <a href=\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-pingdom\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a>. Aujourd&rsquo;hui, nous voulons voir la fa\u00e7on de mieux utiliser et comprendre les donn\u00e9es du populaire <strong>outil de test de vitesse de site Web GTmetrix<\/strong>.<\/p>\n<p>De tels outils reposent sur des syst\u00e8mes de notation et des scores, ainsi que sur des avertissements de ce qui pourrait ne pas fonctionner sur votre site. Parfois, ils peuvent \u00eatre carr\u00e9ment d\u00e9routants, et donc prendre un certain temps pour interpr\u00e9ter ce qu&rsquo;ils signifient r\u00e9ellement, peut vous aider non seulement \u00e0 augmenter vos scores, mais aussi la performance de votre site, ce qui est vraiment important.<\/p>\n\n<p><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTmetrix<\/a> a \u00e9t\u00e9 d\u00e9velopp\u00e9 par GT.net, une compagnie bas\u00e9e \u00e0 l&rsquo;ext\u00e9rieur du Canada, comme un outil permettant \u00e0 leurs clients h\u00e9bergement de d\u00e9terminer facilement la performance de leur site. Avec Pingdom, c&rsquo;est probablement l&rsquo;un des outils de test de vitesse les plus connus et les plus utilis\u00e9s sur le web aujourd&rsquo;hui !<\/p>\n<p>En fait, la raison pour laquelle nous \u00e9crivons ceci est que nous avons beaucoup de clients Kinsta qui nous demandent toujours comment suivre les conseils qu&rsquo;ils voient sur leurs rapports GTmetrix.<\/p>\n<p>Compar\u00e9 \u00e0 d&rsquo;autres outils de d\u00e9veloppement, GTmetrix est assez facile \u00e0 utiliser et le d\u00e9butant peut s&rsquo;en servir assez rapidement. Il utilise une combinaison de Google Web Vitals et de mesures de performance propri\u00e9taires pour g\u00e9n\u00e9rer des scores et des recommandations.<\/p>\n<figure style=\"width: 1156px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/outil-de-test-de-vitesse-gtmetrix.jpg\" alt=\"Outil de test de vitesse GTmetrix\" width=\"1156\" height=\"764\"><\/a><figcaption class=\"wp-caption-text\">Outil de test de vitesse GTmetrix<\/figcaption><\/figure>\n<h2>GTmetrix Analysis Options<\/h2>\n<p>La version de base de GTmetrix est enti\u00e8rement gratuite et vous pouvez acc\u00e9der \u00e0 un certain nombre d&rsquo;options simplement en cr\u00e9ant un compte. Ils ont aussi des plans premium, mais dans l\u2019article d&rsquo;aujourd&rsquo;hui, nous utiliserons la version gratuite. Si vous avez un compte, vous pouvez utiliser un certain nombre d&rsquo;options d&rsquo;analyse suppl\u00e9mentaires.<\/p>\n<p>La premi\u00e8re est la possibilit\u00e9 de <strong>choisir l&#8217;emplacement<\/strong> dans lequel vous voulez tester votre URL. L&#8217;emplacement physique que vous choisissez est en fait tr\u00e8s important car il se rapporte \u00e0 l&rsquo;endroit o\u00f9 votre site Web est r\u00e9ellement h\u00e9berg\u00e9. Moins il y a de latence, plus vos temps de chargement sont rapides. Les emplacements actuellement disponibles sont les suivants :<\/p>\n<ul style=\"margin-left: 30px\">\n<li>Dallas, \u00c9tats-Unis<\/li>\n<li>Hong Kong, Chine<\/li>\n<li>Londres, Royaume-Uni<\/li>\n<li>Mumbai, Inde<\/li>\n<li>Sydney, Australie<\/li>\n<li>S\u00e3o Paulo, Br\u00e9sil<\/li>\n<li>Vancouver, Canada<\/li>\n<\/ul>\n<p>Vous pouvez choisir le navigateur que vous voulez utiliser. Vous pouvez tester avec Chrome (Bureau) et Firefox (Bureau). Des versions mobiles sont disponibles dans leurs plans premium. Ils vous permettent \u00e9galement de modifier la vitesse de connexion, ce qui signifie que vous pouvez simuler diff\u00e9rents types de connexion pour voir comment ils affectent le chargement de vos pages.<\/p>\n<figure style=\"width: 1544px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/format-de-test-gtmetrix.png\" alt=\"Options de format de test GTmetrix\" width=\"1544\" height=\"151\"><figcaption class=\"wp-caption-text\">Options de format de test GTmetrix<\/figcaption><\/figure>\n<p>Des options suppl\u00e9mentaires incluent la possibilit\u00e9 de <strong>cr\u00e9er une vid\u00e9o<\/strong>. Cela peut vous aider \u00e0 d\u00e9boguer les probl\u00e8mes car vous pouvez voir comment la page s&rsquo;affiche. L&rsquo;<strong><a href=\"https:\/\/kinqsta.com\/fr\/blog\/bloqueurs-de-publicite\/\">Adblock<\/a> Plus<\/strong> est une fonctionnalit\u00e9 int\u00e9ressante. Si vous utilisez un r\u00e9seau publicitaire tiers tel que <a href=\"https:\/\/kinqsta.com\/fr\/blog\/alternatives-adsense\/\">Google Adsense<\/a>, vous pouvez activer cette option pour voir l&rsquo;impact complet des annonces sur vos temps de chargement.<\/p>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/options-supplementaires-gtmetrix.png\" alt=\"Options suppl\u00e9mentaires GTmetrix\" width=\"1280\" height=\"656\"><figcaption class=\"wp-caption-text\">Options suppl\u00e9mentaires GTmetrix<\/figcaption><\/figure>\n<p>Les options suppl\u00e9mentaires comprennent l&rsquo;arr\u00eat du test Onload (que nous aborderons plus tard), la possibilit\u00e9 d&rsquo;envoyer un cookie avec votre requ\u00eate, l&rsquo;utilisation de l&rsquo;authentification HTTP, la possibilit\u00e9 de mettre en liste blanche et en liste noire les URL, la r\u00e9solution de l&rsquo;\u00e9cran et le ratio des pixels de l&rsquo;appareil, ainsi que le contournement de l&rsquo;agent utilisateur.<\/p>\n<h2>Analyse avec l&rsquo;outil de test de vitesse GTmetrix<\/h2>\n<p>Une page Web est compos\u00e9e de diff\u00e9rentes ressources, telles que le HTML, JavaScript, CSS et les images. Chacune d&rsquo;entre elles g\u00e9n\u00e8re des requ\u00eates pour afficher ce que vous voyez sur votre site web. G\u00e9n\u00e9ralement, plus vous avez de demandes, plus votre site Web se chargera lentement. Ce n&rsquo;est pas toujours le cas, mais c&rsquo;est vrai la plupart du temps.<\/p>\n<p>Ci-dessous, nous allons diviser chaque section de GTmetrix et expliquer plus en d\u00e9tail ce que l&rsquo;information signifie par rapport \u00e0 la performance globale de votre site Web et ce qu&rsquo;il faut faire \u00e0 propos des recommandations. <strong>N&rsquo;oubliez pas de ne pas trop vous obs\u00e9der sur les scores, mais plut\u00f4t sur l&rsquo;am\u00e9lioration de la vitesse r\u00e9elle de votre site.<\/strong><\/p>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"#gtmetrix-summary\">Sommaire GTmetrix<\/a><\/li>\n<li><a href=\"#performance\">Performance<\/a><\/li>\n<li><a href=\"#structure\">Structure<\/a><\/li>\n<li><a href=\"#gtmetrix-waterfall\">Diagramme Waterfall<\/a><\/li>\n<li><a href=\"#video\">Video<\/a><\/li>\n<li><a href=\"#gtmetrix-history\">Historique<\/a><\/li>\n<\/ul>\n<h3><a id=\"gtmetrix-summary\"><\/a>R\u00e9sum\u00e9 de GTmetrix (Scores de performance et d\u00e9tails)<\/h3>\n<p>Lorsque vous faites fonctionner votre site WordPress via GTmetrix, il g\u00e9n\u00e8re un rapport de performance qui comprend votre \u00ab GTmetrix Grade \u00bb et vos \u00ab Web Vitals \u00bb.<\/p>\n<p>Le GTmetrix Grade est calcul\u00e9 \u00e0 partir de deux mesures &#8211; Performance et Structure.<\/p>\n<ul>\n<li><strong>GTmetrix Performance<\/strong> est le score de performance depuis l&rsquo;outil d&rsquo;audit des sites Lighthouse<\/li>\n<li><strong>Gtmetrix Structure<\/strong> est <a href=\"https:\/\/gtmetrix.com\/blog\/everything-you-need-to-know-about-the-new-gtmetrix-report-powered-by-lighthouse\/#structure-score\">une mesure de performance<\/a> propri\u00e9taire qui mesure la performance globale d&rsquo;une page.<\/li>\n<\/ul>\n<p>En 2020, Google a introduit un ensemble standardis\u00e9 de mesures de performance et d&rsquo;exp\u00e9rience utilisateur sur le web appel\u00e9 Web Vitals. Web Vitals se compose d&rsquo;une vari\u00e9t\u00e9 de mesures, mais celles que GTmetrix prend en compte sont les suivantes : <a href=\"https:\/\/kinqsta.com\/fr\/blog\/largest-contentful-paint\/\">Largest Contentful Paint<\/a> (LCP), Total Blocking Time (TBT) et <a href=\"https:\/\/kinqsta.com\/fr\/blog\/cumulative-layout-shift\/\">Cumulative Layout Shift<\/a> (CLS).<\/p>\n<ul>\n<li><strong>Largest Contentful Paint (LCP)<\/strong> est le temps n\u00e9cessaire au chargement de la plus grande partie de votre page. Pour certains sites, la LCP peut \u00eatre une grande image Hero, tandis que sur d&rsquo;autres sites, la LCP peut faire r\u00e9f\u00e9rence au corps du texte.<\/li>\n<li><strong>Le temps total de blocage (TBT)<\/strong> est la dur\u00e9e pendant laquelle une page est bloqu\u00e9e avant qu&rsquo;un utilisateur puisse interagir avec elle. Les CSS et JS bloquant le rendu peuvent avoir un impact \u00e9norme sur le TBT.<\/li>\n<li><strong>Cumulative Layout Shift (CLS)<\/strong> d\u00e9signe le d\u00e9placement d&rsquo;\u00e9l\u00e9ments pendant le chargement d&rsquo;une page. Par exemple, la mise en page d&rsquo;une page contenant des tweets int\u00e9gr\u00e9s peut se d\u00e9placer de fa\u00e7on spectaculaire au fur et \u00e0 mesure du chargement de la page.<\/li>\n<\/ul>\n<p>Dans notre exemple, nous utilisons le domaine kinstalife.com, qui est h\u00e9berg\u00e9 sur Kinsta. Lors de notre premier test de vitesse, notre site a enregistr\u00e9 les statistiques suivantes.<\/p>\n<ul>\n<li>GTmetrix Grade &#8211; B<\/li>\n<li>GTmetrix Performance &#8211; 85%<\/li>\n<li>GTmetrix Structure &#8211; 83%<\/li>\n<li>LCP &#8211; 1.0s<\/li>\n<li>TBT &#8211; 0ms<\/li>\n<li>CLS &#8211; 0<\/li>\n<\/ul>\n<figure id=\"attachment_84346\" aria-describedby=\"caption-attachment-84346\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84346 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-kinsta-life-speed-test-1-1.jpg\" alt=\"Test de vitesse GTmetrix pour kinstalife.com.\" width=\"1500\" height=\"872\"><figcaption id=\"caption-attachment-84346\" class=\"wp-caption-text\">Test de vitesse GTmetrix pour kinstalife.com.<\/figcaption><\/figure>\n<p>Nous avons ensuite effectu\u00e9 un test suppl\u00e9mentaire et maintenant notre GTmetrix Grade est \u00ab A \u00bb ! De quoi s&rsquo;agit-il ? Vous le remarquerez peut-\u00eatre aussi si vous utilisez plusieurs fois l&rsquo;outil de test de vitesse GTmetrix pour votre site web. L&rsquo;une des raisons pour lesquelles cela se produit est la mise en cache, \u00e0 la fois l<strong>a mise en cache du DNS et celle du serveur<\/strong>. D\u00e9couvrez pourquoi plus loin dans <a href=\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#gtmetrix-waterfall\">notre analyse waterfall<\/a>.<\/p>\n<figure id=\"attachment_84345\" aria-describedby=\"caption-attachment-84345\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84345 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-kinsta-life-speed-test-2.jpg\" alt=\"Notre second test de vitesse avec GTmetrix.\" width=\"1500\" height=\"872\"><figcaption id=\"caption-attachment-84345\" class=\"wp-caption-text\">Notre second test de vitesse avec GTmetrix.<\/figcaption><\/figure>\n<p>La page de r\u00e9sum\u00e9 de GTmetrix contient \u00e9galement une visualisation de la vitesse, qui montre une chronologie des \u00e9v\u00e9nements cl\u00e9s pendant le chargement d&rsquo;une page. Dans la capture d&rsquo;\u00e9cran ci-dessous, vous pouvez voir TTFB, FCP, LCP, le temps de chargement, le temps pour devenir interactif et le temps de chargement complet pour kinstalife.com.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-84348\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-speed-visualization.jpg\" alt=\"At the bottom of the summary page, there are also \u201cTop Issues\u201d and \u201cPage Details\u201d sections. Under \u201cTop Issues\u201d, you can see a list of high priority items to fix, while \u201cPage Details\u201d provides percentage and file size breakdowns of your page.\" width=\"1500\" height=\"309\"><\/p>\n<p>Au bas de la page de r\u00e9sum\u00e9, il y a \u00e9galement des sections \u00ab Top Issues \u00bb et \u00ab Page Details \u00bb. Sous \u00ab Top Issues \u00bb, vous pouvez voir une liste de points prioritaires \u00e0 corriger, tandis que \u00ab Page Details \u00bb fournit une ventilation en pourcentage et en taille de fichier de votre page.<\/p>\n<figure id=\"attachment_84349\" aria-describedby=\"caption-attachment-84349\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84349 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-top-issues-page-details.jpg\" alt=\"GTmetrix : Top Issues et Page Details.\" width=\"1500\" height=\"899\"><figcaption id=\"caption-attachment-84349\" class=\"wp-caption-text\">GTmetrix : Top Issues et Page Details.<\/figcaption><\/figure>\n<h3>Performance<\/h3>\n<p>Ensuite, l&rsquo;onglet \u00ab Performance \u00bb de GTmetrix, qui pr\u00e9sente un certain nombre de mesures utiles tir\u00e9es des donn\u00e9es de performance de Lighthouse. Outre LCP, TBT et CLS pr\u00e9sent\u00e9s sur la page de r\u00e9sum\u00e9, la section \u00ab Performance Metrics \u00bb affiche \u00e9galement Speed Index (SI), Time to Interactive (TTI) et la First Contentful Paint (FCP).<\/p>\n<figure id=\"attachment_84350\" aria-describedby=\"caption-attachment-84350\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84350 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-performance-metrics.jpg\" alt=\"Les mesures de performance Gtmetrix Lighthouse.\" width=\"1500\" height=\"728\"><figcaption id=\"caption-attachment-84350\" class=\"wp-caption-text\">Les mesures de performance Gtmetrix Lighthouse.<\/figcaption><\/figure>\n<p>Bien que la section \u00ab Performance Metrics \u00bb ne vous affiche pas exactement ce que vous devez corriger, elle donne un bon aper\u00e7u des mesures cl\u00e9s de l&rsquo;exp\u00e9rience utilisateur que vous pouvez am\u00e9liorer.<\/p>\n<p>Plus bas sur la page, GTmetrix affiche \u00e9galement quelques statistiques plus traditionnelles de \u00ab Browser Timing \u00bb, notamment Onload Time, Time to First Byte, Fully Loaded Time, et plus encore. Dans le pass\u00e9, ces mesures traditionnelles \u00e9taient tr\u00e8s importantes. Cependant, Google ouvrant la voie \u00e0 des mesures standardis\u00e9es avec Web Vitals, nous recommandons d\u2019optimiser celles-ci \u00e0 la place. Dans la plupart des cas, vous constaterez que l&rsquo;optimisation pour Web Vitals se traduira \u00e9galement par de bonnes mesures du temps de navigation.<\/p>\n<figure id=\"attachment_84351\" aria-describedby=\"caption-attachment-84351\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84351 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-browser-timings.jpg\" alt=\"Les mesures de temps du navigateur GTmetrix.\" width=\"1500\" height=\"363\"><figcaption id=\"caption-attachment-84351\" class=\"wp-caption-text\">Les mesures de temps du navigateur GTmetrix.<\/figcaption><\/figure>\n<h3>Structure<\/h3>\n<p>L&rsquo;onglet \u00ab Structure \u00bb de GTmetrix vous permet de visualiser les probl\u00e8mes sp\u00e9cifiques affectant les performances de votre site. Cette page est tr\u00e8s utile car elle vous fournit des informations utiles telles que \u00ab eliminate render-blocking resources \u00bb et \u00ab minify CSS \u00bb pour commencer \u00e0 optimiser votre site.<\/p>\n<p>Nous essaierons de couvrir les plus courants et les plus populaires avec lesquels les propri\u00e9taires de sites WordPress se d\u00e9battent. N&rsquo;oubliez pas d&rsquo;ajouter cet article \u00e0 vos favoris, car nous le mettrons constamment \u00e0 jour. En g\u00e9n\u00e9ral, si vous les am\u00e9liorez sur votre site, vous devriez constater une augmentation des performances.<\/p>\n<figure id=\"attachment_11023\" aria-describedby=\"caption-attachment-11023\" style=\"width: 1570px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11023 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-pagespeed-scores.png\" alt=\"GTmetrix : Scores PageSpeed\" width=\"1570\" height=\"1816\"><figcaption id=\"caption-attachment-11023\" class=\"wp-caption-text\">GTmetrix : Scores PageSpeed<\/figcaption><\/figure>\n<h4>Serve Scaled Images<\/h4>\n<p>Quand il s&rsquo;agit de travailler avec des images sur votre site Web, vous devriez toujours essayer de les mettre \u00e0 l&rsquo;\u00e9chelle, et ne pas laisser le CSS les redimensionner. Si vous ne le faites pas, vous vous retrouverez avec la recommandation <strong>Serve Scaled Images<\/strong>. Si vous utilisez WordPress, par d\u00e9faut, il redimensionne vos images lors de leur chargement dans la m\u00e9diath\u00e8que. Ces r\u00e9glages se trouvent sous \u00ab\u00a0R\u00e9glages &gt; M\u00e9dia\u00a0\u00bb. Vous voudrez vous assurer que la largeur maximale est proche de la largeur de votre site. De cette fa\u00e7on, le CSS n&rsquo;essaie pas de redimensionner votre image pour l&rsquo;adapter \u00e0 l&rsquo;int\u00e9rieur. Vous pouvez \u00e9galement les redimensionner automatiquement avec un plugin d&rsquo;optimisation d&rsquo;image.<\/p>\n<figure style=\"width: 1732px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/serve-scaled-images.png\" alt=\"Serve Scaled Images\" width=\"1732\" height=\"314\"><figcaption class=\"wp-caption-text\">Serve Scaled Images<\/figcaption><\/figure>\n<h4>Inline Small CSS<\/h4>\n<p>L&rsquo;int\u00e9gration de votre CSS n&rsquo;est g\u00e9n\u00e9ralement pas recommand\u00e9e car elle augmentera la taille globale de t\u00e9l\u00e9chargement de votre requ\u00eate de page. Cependant, si votre site est petit, avec un minimum de requ\u00eates, cela pourrait am\u00e9liorer vos performances.<\/p>\n<figure style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/inline-small-css.png\" alt=\"Inline Small CSS\" width=\"1488\" height=\"279\"><figcaption class=\"wp-caption-text\">Inline Small CSS<\/figcaption><\/figure>\n<p>Pour <a href=\"https:\/\/kinqsta.com\/fr\/blog\/reglages-autoptimize\/#css-options\">int\u00e9grer facilement votre CSS, vous pouvez utiliser un plugin gratuit comme Autoptimize<\/a>. Cochez simplement l&rsquo;option \u00ab\u00a0Inline all CSS\u00a0\u00bb et assurez-vous d&rsquo;avoir exclu les fichiers CSS suppl\u00e9mentaires que vous n&rsquo;avez pas inline.<\/p>\n<figure style=\"width: 1806px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/inline-css-sur-autoptimize.png\" alt=\"Inline CSS sur Autoptimize\" width=\"1806\" height=\"912\"><figcaption class=\"wp-caption-text\">Inline CSS sur Autoptimize<\/figcaption><\/figure>\n<h4>Inline Small JavaScript<\/h4>\n<p>Tout comme pour le Inline Small CSS, la m\u00eame chose s&rsquo;applique pour Inline Small JavaScript. Ce n&rsquo;est g\u00e9n\u00e9ralement pas recommand\u00e9 car cela augmentera la taille globale de t\u00e9l\u00e9chargement de votre requ\u00eate de page. Cependant, si votre site est petit, avec un minimum de requ\u00eates, cela pourrait am\u00e9liorer vos performances. L\u00e0 encore, tu peux utiliser les <a href=\"https:\/\/kinqsta.com\/fr\/blog\/reglages-autoptimize\/#javascript-options\">param\u00e8tres JavaScript d&rsquo;Autoptimize<\/a>.<\/p>\n<figure style=\"width: 1495px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/inline-small-javascript.png\" alt=\"Inline Small JavaScript\" width=\"1495\" height=\"320\"><figcaption class=\"wp-caption-text\">Inline Small JavaScript<\/figcaption><\/figure>\n<h4>Leverage Browser Caching<\/h4>\n<p>Tirer parti de la mise en cache du navigateur (Leverage Browser Caching) est une recommandation tr\u00e8s courante avec laquelle les gens ont du mal \u00e0 composer. Ceci est d\u00fb au fait que les en-t\u00eates de cache HTTP de votre serveur web ne sont pas corrects. Consultez notre article d\u00e9taill\u00e9 sur la fa\u00e7on de corriger l&rsquo;<a href=\"https:\/\/kinqsta.com\/fr\/blog\/leverage-browser-caching\/\" target=\"_blank\" rel=\"noopener noreferrer\">avertissement Leverage Browser Caching<\/a>. Vous ne pouvez r\u00e9gler ce probl\u00e8me que sur les ressources que vous contr\u00f4lez. Par exemple, si vous voyez cela sur des r\u00e9seaux publicitaires <a href=\"https:\/\/kinqsta.com\/fr\/blog\/performances-des-tierces-parties\/\" target=\"_blank\" rel=\"noopener noreferrer\">tiers<\/a>, il n&rsquo;y a rien que vous puissiez faire.<\/p>\n<figure style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/leverage-browser-caching.png\" alt=\"Leverage Browser Caching\" width=\"1488\" height=\"259\"><figcaption class=\"wp-caption-text\">Leverage Browser Caching<\/figcaption><\/figure>\n<h4>Serve Resources From a Consistent URL<\/h4>\n<p>Si vous voyez l\u2019avertissement Serve Resources From a Consistent URL, il est tr\u00e8s probable que vous ayez des ressources identiques qui sont servies \u00e0 partir de la m\u00eame URL. Souvent, cela peut se produire lorsqu&rsquo;il y a des cha\u00eenes de requ\u00eate (query strings) impliqu\u00e9es. D\u00e9couvrez comment <a href=\"https:\/\/kinqsta.com\/fr\/blog\/supprimer-query-strings-des-ressources-statiques\/\" target=\"_blank\" rel=\"noopener noreferrer\">supprimer les query strings des ressources statiques<\/a>. Une fois que cela est supprim\u00e9, le site ne devrait plus avoir \u00e0 les charger deux fois.<\/p>\n<figure style=\"width: 1742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/servez-des-resources-a-partir-url-coherente.png\" alt=\"Servez des ressources \u00e0 partir d'une URL coh\u00e9rente\" width=\"1742\" height=\"602\"><figcaption class=\"wp-caption-text\">Servez des ressources \u00e0 partir d&rsquo;une URL coh\u00e9rente<\/figcaption><\/figure>\n<h4>Defer Parsing of JavaScript<\/h4>\n<p>JavaScript et CSS bloquent le rendu par d\u00e9faut le rendu. Cela signifie qu&rsquo;ils peuvent emp\u00eacher l&rsquo;affichage de la page Web jusqu&rsquo;\u00e0 ce qu&rsquo;elle soit t\u00e9l\u00e9charg\u00e9e et trait\u00e9e par le navigateur. L&rsquo;attribut defer indique au navigateur de ne pas t\u00e9l\u00e9charger la ressource jusqu&rsquo;\u00e0 ce que l&rsquo;analyse HTML ne soit termin\u00e9e. Une fa\u00e7on simple <a href=\"https:\/\/kinqsta.com\/fr\/blog\/reglages-autoptimize\/#inline-and-defer-css\">de r\u00e9soudre ce probl\u00e8me est d&rsquo;utiliser les plugins gratuits Autoptimize<\/a> ou <a href=\"https:\/\/wordpress.org\/plugins\/async-javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">Async JavaScript.<\/a> N\u2019oubliez pas de consulter notre article d\u00e9taill\u00e9 sur la fa\u00e7on d&rsquo;<a href=\"https:\/\/kinqsta.com\/fr\/blog\/eliminer-javascript-css-bloquant-rendu\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9liminer le blocage de rendu JavaScript et CSS<\/a>.<\/p>\n<figure style=\"width: 1494px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/defer-parsing-of-javascript.png\" alt=\"Defer Parsing of JavaScript\" width=\"1494\" height=\"294\"><figcaption class=\"wp-caption-text\">Defer Parsing of JavaScript<\/figcaption><\/figure>\n<div class=\"phenom-desc\">\n<div class=\"comment-container\">\n<div class=\"action-comment markeddown js-comment\" dir=\"auto\">\n<div class=\"current-comment js-friendly-links js-open-card\">\n<p>Pour une explication d\u00e9taill\u00e9e, lisez : <a href=\"https:\/\/kinqsta.com\/fr\/blog\/defer-parsing-of-javascript\/\">Comment corriger l&rsquo;avertissement Defer Parsing of Javascript dans WordPress (4 m\u00e9thodes)<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h4>Minify CSS and JavaScript<\/h4>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Minification_(programming)\" target=\"_blank\" rel=\"noopener noreferrer\">La minification<\/a> consiste essentiellement \u00e0 supprimer tous les caract\u00e8res inutiles du code source sans en modifier la fonctionnalit\u00e9. Il peut s&rsquo;agir de sauts de ligne, d&rsquo;espaces vides, d&rsquo;indentations, etc. Ce faisant, cela peut \u00e9conomiser des octets de donn\u00e9es et acc\u00e9l\u00e9rer le t\u00e9l\u00e9chargement, l&rsquo;analyse et le temps d&rsquo;ex\u00e9cution.<\/p>\n<figure style=\"width: 1498px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/minify-css-and-javascript.png\" alt=\"gtmetrix minify css and javascript\" width=\"1498\" height=\"1187\"><figcaption class=\"wp-caption-text\">Minify CSS and JavaScript<\/figcaption><\/figure>\n<p>Encore une fois, le plugin gratuit <a href=\"https:\/\/kinqsta.com\/fr\/blog\/reglages-autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a> est parfait pour cela. Assurez-vous simplement que les cases \u00ab\u00a0Optimiser le code JavaScript\u00a0\u00bb et \u00ab\u00a0Optimiser le code CSS\u00a0\u00bb sont toutes les deux coch\u00e9es. Si vous avez un grand site, vous voudrez peut-\u00eatre aussi jouer avec les param\u00e8tres avanc\u00e9s ci-dessous, car certains pourraient nuire aux performances de votre site. Il n&rsquo;est g\u00e9n\u00e9ralement pas recommand\u00e9 d&rsquo;int\u00e9grer ou de combiner CSS et JavaScript sur de grands sites. C&rsquo;est l\u00e0 que la puissance de <a href=\"https:\/\/kinqsta.com\/fr\/apprendre\/http2\/\">HTTP\/2<\/a> entre en jeu.<\/p>\n<figure style=\"width: 1830px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/minify-css-et-javascript.png\" alt=\"Autoptimize minify CSS et JavaScript\" width=\"1830\" height=\"938\"><figcaption class=\"wp-caption-text\">Autoptimize minify CSS et JavaScript<\/figcaption><\/figure>\n<p>Si vous \u00eates un <a href=\"https:\/\/kinqsta.com\/fr\/tarifs\/?plan=visits-business1\">client de Kinsta<\/a>, vous pouvez profiter de la <a href=\"https:\/\/kinqsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn#code-minification-1\">fonction de minification du code<\/a> qui est int\u00e9gr\u00e9e directement au <a href=\"https:\/\/kinqsta.com\/fr\/mykinsta\/\">tableau de bord MyKinsta<\/a>. Cela permet aux clients d&rsquo;activer rapidement et facilement la minification automatique CSS et JavaScript d&rsquo;un simple clic, acc\u00e9l\u00e9rant ainsi leurs sites sans aucun effort manuel.<\/p>\n<h4>Optimize Images<\/h4>\n<p>Selon <a href=\"http:\/\/httparchive.org\/interesting.php?a=All&#038;l=Apr%252015%25202017&#038;s=All\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP Archive<\/a>, les images repr\u00e9sentaient en moyenne 66% du poids total d&rsquo;une page Web. Ainsi, lorsqu&rsquo;il s&rsquo;agit d&rsquo;optimiser votre site WordPress, les images sont de loin le premier endroit o\u00f9 vous devriez commencer ! C&rsquo;est plus important que les scripts et les polices.<\/p>\n<figure style=\"width: 1489px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/optimiser-les-images.png\" alt=\"Optimiser les images\" width=\"1489\" height=\"302\"><figcaption class=\"wp-caption-text\">Optimiser les images<\/figcaption><\/figure>\n<p>Dans un monde parfait, chaque image doit \u00eatre compress\u00e9e et optimis\u00e9e avant d&rsquo;\u00eatre t\u00e9l\u00e9charg\u00e9e sur WordPress. Mais malheureusement, ce n&rsquo;est pas r\u00e9aliste. Pour cette raison, nous vous recommandons d&rsquo;utiliser un bon plugin d&rsquo;optimisation d&rsquo;image. Cela vous aidera \u00e0 compresser automatiquement vos images, \u00e0 les redimensionner et \u00e0 vous assurer qu&rsquo;elles sont l\u00e9g\u00e8res et se chargent rapidement sur votre site. Jetez un coup d&rsquo;\u0153il \u00e0 notre article d\u00e9taill\u00e9 sur la <a href=\"https:\/\/kinqsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on d&rsquo;optimiser les images pour le Web<\/a>.<\/p>\n<h4>R\u00e9duire le temps de r\u00e9ponse initial du serveur<\/h4>\n<p>Pour WordPress, le principal responsable de la lenteur des temps de r\u00e9ponse initiaux du serveur est l&rsquo;absence de mise en cache des pages. Sans mise en cache des pages, WordPress utilise PHP pour construire dynamiquement des pages pour chaque requ\u00eate individuelle, ce qui signifie qu&rsquo;il peut \u00eatre rapidement submerg\u00e9 de requ\u00eates. Avec la mise en cache des pages activ\u00e9e, votre site peut servir des fichiers HTML pr\u00e9-g\u00e9n\u00e9r\u00e9s, ce qui est beaucoup plus rapide et plus \u00e9volutif que l&rsquo;utilisation de PHP pour r\u00e9pondre \u00e0 chaque requ\u00eate de page.<\/p>\n<figure id=\"attachment_84354\" aria-describedby=\"caption-attachment-84354\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84354 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-reduce-initial-server-response-time.jpg\" alt=\"R\u00e9duire le temps de r\u00e9ponse initial du serveur.\" width=\"1500\" height=\"258\"><figcaption id=\"caption-attachment-84354\" class=\"wp-caption-text\">R\u00e9duire le temps de r\u00e9ponse initial du serveur.<\/figcaption><\/figure>\n<p>Si vous \u00eates h\u00e9berg\u00e9 chez Kinsta, vous n&rsquo;avez pas \u00e0 vous soucier de la <a href=\"https:\/\/kinqsta.com\/fr\/docs\/hebergement-wordpress\/cache\/cache-site\/#site-cache-expiration\">mise en cache des pages<\/a> car nous nous en occupons pour vous avec notre configuration Nginx. Si votre h\u00e9bergeur WordPress ne prend pas en charge la mise en cache des pages, vous pouvez installer une extension de mise en cache comme WP Rocket ou <a href=\"https:\/\/kinqsta.com\/fr\/blog\/w3-total-cache\/\">W3 Total Cache<\/a>. Pour r\u00e9duire encore plus le temps de r\u00e9ponse du serveur, nous vous recommandons d&rsquo;int\u00e9grer <a href=\"https:\/\/kinqsta.com\/fr\/blog\/cloudflare-apo-wordpress\/\">Cloudflare APO<\/a> \u00e0 votre site WordPress. Ce service d&rsquo;optimisation innovant de Cloudflare distribue les pages HTML de votre site dans le monde entier, ce qui peut r\u00e9duire le temps de r\u00e9ponse du serveur \u00e0 l&rsquo;\u00e9chelle mondiale.<\/p>\n<h4>Minify HTML<\/h4>\n<p>Tout comme le CSS et le JavaScript, le HTML peut \u00e9galement \u00eatre minifi\u00e9 pour \u00e9liminer les caract\u00e8res inutiles et vous faire gagner des octets de donn\u00e9es pour acc\u00e9l\u00e9rer le temps d&rsquo;ex\u00e9cution.<\/p>\n<figure style=\"width: 1492px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/minify-html.png\" alt=\"Minifier HTML\" width=\"1492\" height=\"212\"><figcaption class=\"wp-caption-text\">Minifier HTML<\/figcaption><\/figure>\n<p>Le plugin gratuit Autoptimize est \u00e9galement id\u00e9al pour cela. Activez simplement l&rsquo;option \u00ab\u00a0<a href=\"https:\/\/kinqsta.com\/fr\/blog\/reglages-autoptimize\/#html-options\">Optimiser le code HTML<\/a>\u00ab\u00a0.<\/p>\n<figure style=\"width: 1541px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/optimisation-automatique du-html.png\" alt=\"Optimisation automatique du code HTML\" width=\"1541\" height=\"421\"><figcaption class=\"wp-caption-text\">Optimisation automatique du code HTML<\/figcaption><\/figure>\n<h4>Enable GZIP Compression<\/h4>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Gzip\" target=\"_blank\" rel=\"noopener noreferrer\">GZIP<\/a> est un format de fichier et une application logicielle utilis\u00e9s pour la compression et la d\u00e9compression de fichiers. La <a href=\"https:\/\/kinqsta.com\/fr\/blog\/activer-gzip-compression\/\">compression GZIP<\/a> est activ\u00e9e c\u00f4t\u00e9 serveur et permet de r\u00e9duire davantage la taille de vos fichiers HTML, CSS et JavaScript. Il ne fonctionnera pas sur les images car celles-ci sont d\u00e9j\u00e0 compress\u00e9es d&rsquo;une autre mani\u00e8re. Certains ont connu des r\u00e9ductions allant jusqu&rsquo;\u00e0 70 % en raison de la compression. C&rsquo;est probablement l&rsquo;une des optimisations les plus faciles que vous pourriez faire quand il s&rsquo;agit de WordPress. Note : La compression GZIP est activ\u00e9e par d\u00e9faut sur tous les serveurs Kinsta.<\/p>\n<figure style=\"width: 2177px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/04\/activer-la-compression-gzip.png\" alt=\"Activer la compression GZIP\" width=\"2177\" height=\"477\"><figcaption class=\"wp-caption-text\">Activer la compression GZIP<\/figcaption><\/figure>\n<p>Pour activer la compression GZIP dans <a href=\"https:\/\/kinqsta.com\/fr\/blog\/qu-est-ce-qu-apache\/\" target=\"_blank\" rel=\"noopener noreferrer\">Apache<\/a>, ajoutez simplement le code suivant <a href=\"https:\/\/kinqsta.com\/fr\/blog\/fichier-htaccess-wordpress\/\">\u00e0 votre fichier .htaccess<\/a>.<\/p>\n<pre id=\"apache_code\"><code class=\" hljs apache\"><span class=\"hljs-comment\"># Compress HTML, CSS, JavaScript, Text, XML and fonts<\/span>\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/javascript\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/rss+xml\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/vnd.ms-fontobject\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/x-font\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/x-font-opentype\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/x-font-otf\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/x-font-truetype\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/x-font-ttf\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/x-javascript\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/xhtml+xml\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE application\/xml\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE font\/opentype\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE font\/otf\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE font\/ttf\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE image\/svg+xml\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE image\/x-icon\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE text\/css\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE text\/html\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE text\/javascript\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE text\/plain\n<span class=\"hljs-keyword\">AddOutputFilterByType<\/span> DEFLATE text\/xml\n\n<span class=\"hljs-comment\"># Remove browser bugs (only needed for really old browsers)<\/span>\n<span class=\"hljs-keyword\">BrowserMatch<\/span> ^Mozilla\/4 gzip-only-text\/html\n<span class=\"hljs-keyword\">BrowserMatch<\/span> ^Mozilla\/4\\.0[678] no-gzip\n<span class=\"hljs-keyword\">BrowserMatch<\/span> \\bMSIE !no-gzip !gzip-only-text\/html\n<span class=\"hljs-keyword\"><span class=\"hljs-common\">Header<\/span><\/span> append Vary User-Agent\n<\/code><\/pre>\n<p><a href=\"https:\/\/kinqsta.com\/fr\/blog\/qu-est-ce-que-nginx\/\" target=\"_blank\" rel=\"noopener noreferrer\">Si vous utilisez NGINX<\/a>, ajoutez simplement ce qui suit \u00e0 votre fichier nginx.conf.<\/p>\n<pre><code class=\" hljs coffeescript hljs \">gzip <span class=\"hljs-literal\"><span class=\"hljs-literal\">on<\/span><\/span>;\ngzip_disable <span class=\"hljs-string\"><span class=\"hljs-string\">\"MSIE [1-6]\\.(?!.*SV1)\"<\/span><\/span>;\ngzip_vary <span class=\"hljs-literal\"><span class=\"hljs-literal\">on<\/span><\/span>;\ngzip_types text\/plain text\/css text\/javascript image\/svg+xml image\/x-icon application\/javascript application\/x-javascript;<\/code><\/pre>\n<p>N&rsquo;oubliez pas de consulter \u00e9galement notre article d\u00e9taill\u00e9 sur la <a href=\"https:\/\/kinqsta.com\/fr\/blog\/activer-gzip-compression\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on d&rsquo;activer la compression GZIP<\/a>.<\/p>\n<h4>Minimize Redirects<\/h4>\n<p>Minimiser les redirections HTTP d&rsquo;une URL \u00e0 une autre permet de r\u00e9duire les temps d&rsquo;attente et les RTTs suppl\u00e9mentaires pour les utilisateurs. Consultez notre article sur les <a href=\"https:\/\/kinqsta.com\/fr\/blog\/redirections-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">redirections WordPress<\/a> dans lequel nous avons d\u00e9couvert que 2 mauvaises redirections ont augment\u00e9 les temps de chargement du site de 58% ! Tout simplement, les redirections WordPress ralentissent votre site. C&rsquo;est pourquoi il vaut la peine de prendre le temps de minimiser le nombre de redirections vers votre site.<\/p>\n<figure style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/minimize-redirects.png\" alt=\"gtmetrix minimize redirects\" width=\"1488\" height=\"345\"><figcaption class=\"wp-caption-text\">Minimize redirects<\/figcaption><\/figure>\n<h4>Specify a Cache Validator<\/h4>\n<p>La recommandation Specify a cache validator appara\u00eet lorsqu&rsquo;il manque <a href=\"https:\/\/kinqsta.com\/fr\/blog\/cache-wordpress\/\">des en-t\u00eates de cache HTTP<\/a>. Ceux-ci doivent \u00eatre inclus dans chaque r\u00e9ponse du serveur d&rsquo;origine, car ils valident et d\u00e9finissent la longueur du cache. Si les en-t\u00eates ne sont pas trouv\u00e9s, une nouvelle requ\u00eate pour la ressource sera g\u00e9n\u00e9r\u00e9e \u00e0 chaque fois, ce qui augmente la charge sur votre serveur. L&rsquo;utilisation d&rsquo;en-t\u00eates de mise en cache garantit que les requ\u00eates ult\u00e9rieures n&rsquo;ont pas \u00e0 \u00eatre charg\u00e9es \u00e0 partir du serveur, ce qui permet d&rsquo;\u00e9conomiser de la bande passante et d&rsquo;am\u00e9liorer les performances de l&rsquo;utilisateur. Et n&rsquo;oubliez pas que vous ne pouvez pas r\u00e9gler ce probl\u00e8me sur des ressources tierces que vous ne contr\u00f4lez pas.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Remarque : Les en-t\u00eates de mise en cache HTTP sont automatiquement ajout\u00e9s sur tous les serveurs Kinsta.<\/p>\n<\/aside>\n\n<figure style=\"width: 1494px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/specify-a-cache-validator.png\" alt=\"Specify a Cache Validator\" width=\"1494\" height=\"339\"><figcaption class=\"wp-caption-text\">Specify a Cache Validator<\/figcaption><\/figure>\n<p>Il existe un certain nombre d&rsquo;en-t\u00eates de mise en cache HTTP diff\u00e9rents qui peuvent \u00eatre utilis\u00e9s pour corriger cette recommandation. Consultez notre article d\u00e9taill\u00e9 sur la <a href=\"https:\/\/kinqsta.com\/fr\/blog\/specify-a-cache-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on de sp\u00e9cifier un validateur de cache<\/a>.<\/p>\n<h4>Specify Image Dimensions<\/h4>\n<p>Tout comme vous ne devriez pas laisser le CSS redimensionner vos images, vous devriez \u00e9galement sp\u00e9cifier les dimensions de l&rsquo;image. Cela signifie inclure la largeur et la hauteur dans votre code HTML.<\/p>\n<p><strong>Incorrect<\/strong><\/p>\n<pre>&lt;img src=\"https:\/\/domain.com\/images\/image1.png\"&gt;<\/pre>\n<p><strong>Correct<\/strong><\/p>\n<pre>&lt;img src=\"https:\/\/domain.com\/images\/image1.png\" width=\"200\" height=\"100\"&gt;<\/pre>\n<figure style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/specifier-dimensions-l-image.png\" alt=\"Sp\u00e9cifier les dimensions de l'image\" width=\"1488\" height=\"264\"><figcaption class=\"wp-caption-text\">Sp\u00e9cifier les dimensions de l&rsquo;image<\/figcaption><\/figure>\n<h4>Remove Query Strings From Static Resources<\/h4>\n<p>Vos fichiers CSS et JavaScript ont g\u00e9n\u00e9ralement la version du fichier \u00e0 la fin de leur URL, comme domaine.com\/style<strong>.css?ver=4.6<\/strong>. Certains serveurs et serveurs proxy sont incapables de mettre en cache les cha\u00eenes de requ\u00eate, m\u00eame si un en-t\u00eate <code>cache-control:public<\/code> est pr\u00e9sent. Ainsi, en les supprimant, vous pouvez parfois am\u00e9liorer votre mise en cache. Ceci peut facilement \u00eatre fait avec du code ou des plugins WordPress gratuits.<\/p>\n<p>Consultez notre article d\u00e9taill\u00e9 sur la fa\u00e7on de <a href=\"https:\/\/kinqsta.com\/fr\/blog\/supprimer-query-strings-des-ressources-statiques\/\" target=\"_blank\" rel=\"noopener noreferrer\">supprimer les cha\u00eenes de requ\u00eate des ressources statiques<\/a>.\u00a0Et n&rsquo;oubliez pas que vous ne pouvez pas r\u00e9gler ce probl\u00e8me sur des ressources tierces que vous ne contr\u00f4lez pas.<\/p>\n<figure style=\"width: 1489px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/remove-query-strings-from-static-resources.png\" alt=\"Remove Query Strings From Static Resources\" width=\"1489\" height=\"287\"><figcaption class=\"wp-caption-text\">Remove Query Strings From Static Resources<\/figcaption><\/figure>\n<h4>Specify a Vary: Accept-Encoding Header<\/h4>\n<p>Il s&rsquo;agit d&rsquo;un en-t\u00eate HTTP qui doit \u00eatre inclus dans chaque r\u00e9ponse du serveur d&rsquo;origine, car il indique au navigateur si le client peut ou non g\u00e9rer les versions compress\u00e9es du contenu. Habituellement, lorsque la compression GZIP est activ\u00e9e, cela est \u00e9galement corrig\u00e9. Mais n&rsquo;oubliez pas de consulter notre article en profondeur sur la fa\u00e7on de corriger l\u2019avertissement <a href=\"https:\/\/kinqsta.com\/fr\/blog\/entete-specify-vary-accept-encoding\/\" target=\"_blank\" rel=\"noopener noreferrer\">specify a vary : accept-encoding header<\/a>. Et encore une fois, vous ne pouvez pas r\u00e9gler ce probl\u00e8me avec des ressources tierces.<\/p>\n<figure style=\"width: 1494px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/specify-a-vary-accept-encoding-header.png\" alt=\"Specify a Vary: Accept-Encoding Header\" width=\"1494\" height=\"237\"><figcaption class=\"wp-caption-text\">Specify a Vary: Accept-Encoding Header<\/figcaption><\/figure>\n<h3><a id=\"gtmetrix-waterfall\"><\/a>Graphique Waterfall de GTmetrix<\/h3>\n<p>Le graphique Waterfall de GTmetrix affiche toutes les demandes individuelles sur votre page Web (comme indiqu\u00e9 ci-dessous). Vous pouvez ensuite analyser chaque demande pour voir ce qui cause des retards et des probl\u00e8mes de performance sur votre site. Vous trouverez ci-dessous un r\u00e9sum\u00e9 plus d\u00e9taill\u00e9 et\/ou une d\u00e9finition de la signification de chacune des couleurs pour chaque demande.<\/p>\n<figure style=\"width: 2065px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/graphique-waterfall-gtmetrix.png\" alt=\"Graphique Waterfall GTmetrix\" width=\"2065\" height=\"1446\"><figcaption class=\"wp-caption-text\">Graphique Waterfall GTmetrix<\/figcaption><\/figure>\n<h4>Blocking (Marron)<\/h4>\n<p>Lorsqu&rsquo;un navigateur charge une page Web, les ressources JavaScript et CSS emp\u00eachent g\u00e9n\u00e9ralement l&rsquo;affichage de la page Web jusqu&rsquo;\u00e0 ce qu&rsquo;elle soit t\u00e9l\u00e9charg\u00e9e et trait\u00e9e par le navigateur. Cette temporisation appara\u00eet comme un <strong>blocage<\/strong> dans le graphique Waterfall GTmetrix. Consultez notre article d\u00e9taill\u00e9 sur la fa\u00e7on d&rsquo;<a href=\"https:\/\/kinqsta.com\/fr\/blog\/eliminer-javascript-css-bloquant-rendu\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9liminer le blocage de rendu JavaScript et CSS<\/a> pour plus d&rsquo;informations.<\/p>\n<figure style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/obstruction.png\" alt=\"obstruction\" width=\"1571\" height=\"886\"><figcaption class=\"wp-caption-text\">obstruction<\/figcaption><\/figure>\n<h4>DNS Lookup (Sarcelle)<\/h4>\n<p>Vous pouvez penser \u00e0 la <a href=\"https:\/\/kinqsta.com\/fr\/blog\/reduire-recherches-dns\/\" target=\"_blank\" rel=\"noopener noreferrer\">recherche DNS<\/a> comme un annuaire t\u00e9l\u00e9phonique. Il existe des serveurs appel\u00e9s serveurs de noms de domaine qui contiennent les informations sur votre site Web et vers quelle adresse IP il doit \u00eatre achemin\u00e9. Lorsque vous testez votre site Web pour la premi\u00e8re fois via GTmetrix, il effectue une nouvelle recherche, et il doit interroger les enregistrements DNS pour obtenir les informations IP. Il en r\u00e9sulte un temps de recherche suppl\u00e9mentaire.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/premier-dns-gtmetrix.png\" alt=\"premier-dns-gtmetrix\" width=\"1392\" height=\"874\"><\/p>\n<p>Lorsque vous testez votre site Web via GTmetrix une deuxi\u00e8me fois, il met en cache le DNS parce qu&rsquo;il conna\u00eet d\u00e9j\u00e0 les informations IP et qu&rsquo;il n&rsquo;a pas \u00e0 effectuer la recherche \u00e0 nouveau. C&rsquo;est l&rsquo;une des raisons pour lesquelles vous pouvez faire appara\u00eetre votre site web plus rapidement apr\u00e8s l&rsquo;avoir fait tourner plusieurs fois dans GTmetrix. Comme vous pouvez le voir sur l&rsquo;\u00e9cran ci-dessous, lors du 2\u00e8me test que nous avons effectu\u00e9, le temps de recherche DNS sur la charge DOC initiale est de 0 ms. C&rsquo;est un domaine que beaucoup de gens interpr\u00e8tent mal ! Nous vous recommandons d&rsquo;effectuer votre test plusieurs fois et de prendre la moyenne, \u00e0 moins que vous ne vouliez que le DNS fasse partie de votre rapport, auquel cas vous pouvez passer le premier test.<\/p>\n<figure style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-dns-lookup.png\" alt=\"Deuxi\u00e8me recherche DNS\" width=\"1571\" height=\"886\"><figcaption class=\"wp-caption-text\">Deuxi\u00e8me recherche DNS<\/figcaption><\/figure>\n<p>Il en va de m\u00eame pour vos ressources (JavaScript, CSS, images) si vous utilisez un CDN. Un cache CDN fonctionne un peu comme un DNS, une fois qu&rsquo;il est mis en cache, il est alors beaucoup plus rapide lors de chargements cons\u00e9cutifs. Un autre conseil pour acc\u00e9l\u00e9rer le DNS est d&rsquo;utiliser le DNS prefetching. Ceci permet au navigateur d&rsquo;effectuer des recherches DNS sur une page en arri\u00e8re-plan. Vous pouvez le faire en ajoutant quelques lignes de code \u00e0 l&rsquo;en-t\u00eate de votre site WordPress. Voici quelques exemples ci-dessous.<\/p>\n<pre>&lt;!-- Prefetch DNS for external assets --&gt;\n&lt;link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\"&gt;\n&lt;link rel=\"dns-prefetch\" href=\"\/\/www.google-analytics.com\"&gt; \n&lt;link rel=\"dns-prefetch\" href=\"\/\/cdn.domain.com\"&gt;<\/pre>\n<p>Ou si vous utilisez WordPress version 4.6 ou plus r\u00e9cente, vous voudrez peut-\u00eatre utiliser des <a href=\"https:\/\/make.wordpress.org\/core\/2016\/07\/06\/resource-hints-in-4-6\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00ab ressources hints\u00a0\u00bb<\/a>. Les d\u00e9veloppeurs peuvent utiliser le filtre <code>wp_resource_hints<\/code> pour ajouter des domaines et URL personnalis\u00e9s pour <code>dns-prefetch<\/code>,\u00a0<code>preconnect<\/code>,\u00a0<code>prefetch<\/code> ou <code>prerender<\/code>.<\/p>\n<h4>Connecting (Vert)<\/h4>\n<p>Le temps de <strong>connexion<\/strong> en GTmetrix fait r\u00e9f\u00e9rence \u00e0 la connexion TCP ou au temps total requis pour cr\u00e9er une connexion TCP. Vous n&rsquo;avez pas vraiment besoin de comprendre comment cela fonctionne, mais c&rsquo;est simplement une m\u00e9thode de communication entre l&rsquo;h\u00e9bergeur\/client et le serveur qui doit avoir lieu.<\/p>\n<figure style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/connexion.png\" alt=\"Connexion\" width=\"1571\" height=\"886\"><figcaption class=\"wp-caption-text\">Connexion<\/figcaption><\/figure>\n<h4>Sending (Rouge)<\/h4>\n<p>Le temps d&rsquo;<strong>envoi<\/strong> est simplement le temps qu&rsquo;il faut au navigateur Web pour envoyer les donn\u00e9es au serveur.<\/p>\n<figure style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/envoi.png\" alt=\"Envoi\" width=\"1571\" height=\"886\"><figcaption class=\"wp-caption-text\">Envoi<\/figcaption><\/figure>\n<h4>Waiting (Violet)<\/h4>\n<p>Le temps d&rsquo;attente dans GTmetrix fait en fait r\u00e9f\u00e9rence au temps au premier octet, aussi connu sous le nom de TTFB dans certains outils. Le <a href=\"https:\/\/en.wikipedia.org\/wiki\/Time_To_First_Byte\" target=\"_blank\" rel=\"noopener noreferrer\">TTFB<\/a> est une mesure utilis\u00e9e comme indication de la r\u00e9activit\u00e9 d&rsquo;un serveur Web ou d&rsquo;une autre ressource r\u00e9seau. En g\u00e9n\u00e9ral, tout ce qui est inf\u00e9rieur \u00e0 100 ms est acceptable et un bon TTFB. Si vous vous approchez de la plage de 300-400 ms, il se peut que vous ayez quelque chose de mal configur\u00e9 sur votre serveur ou qu&rsquo;il soit temps de passer \u00e0 une meilleure pile web. Comme vous pouvez le voir dans notre test ci-dessous, il \u00e9tait d&rsquo;environ 100 ms, ce qui est formidable.<\/p>\n<figure style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/En attente.png\" alt=\"en-attente\" width=\"1571\" height=\"886\"><figcaption class=\"wp-caption-text\">En attente<\/figcaption><\/figure>\n<p>Quelques moyens simples de r\u00e9duire votre TTFB sont de s&rsquo;assurer que votre h\u00e9bergeur dispose d&rsquo;une mise en cache appropri\u00e9e et d&rsquo;utiliser un CDN.<\/p>\n<p>Consultez notre article d\u00e9taill\u00e9 sur toutes les fa\u00e7ons de <a href=\"https:\/\/kinqsta.com\/fr\/blog\/ttfb\/\">r\u00e9duire le TTFB<\/a> sur votre site WordPress. C&rsquo;est \u00e9galement une bonne id\u00e9e d&rsquo;en savoir plus sur <a href=\"https:\/\/kinqsta.com\/fr\/blog\/cache-edge\/\">Edge Caching<\/a> et sur la mani\u00e8re dont il permet \u00e0 vos lecteurs d&rsquo;acc\u00e9der plus rapidement aux pages de votre site.<\/p>\n<h4>Receiving (Gris)<\/h4>\n<p>Le temps de <strong>r\u00e9ception<\/strong> est simplement le temps qu&rsquo;il faut au navigateur Web pour recevoir les donn\u00e9es du serveur.<\/p>\n<figure style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/reception.png\" alt=\"R\u00e9ception\" width=\"1571\" height=\"886\"><figcaption class=\"wp-caption-text\">R\u00e9ception<\/figcaption><\/figure>\n<h4>Event Timing<\/h4>\n<p>Chaque fois que vous demandez une page, il y a un chronom\u00e9trage des \u00e9v\u00e9nements dans lequel les choses sont affich\u00e9es et charg\u00e9es.<\/p>\n<ul style=\"margin-left: 30px\">\n<li><strong>First Paint (ligne verte) :<\/strong> Le premier point auquel le navigateur effectue une sorte de rendu sur la page, comme l&rsquo;affichage de la couleur d&rsquo;arri\u00e8re-plan.<\/li>\n<li><strong>DOM Loaded (ligne bleue) :<\/strong> Le point auquel le DOM (Document Object Model) est pr\u00eat.<\/li>\n<li><strong>Onload (Ligne Rouge) :<\/strong> Lorsque le traitement de la page est termin\u00e9 et que toutes les ressources de la page (images, CSS, etc.) ont termin\u00e9 le t\u00e9l\u00e9chargement.<\/li>\n<li><strong>Fully loaded (ligne violette) :<\/strong> Le point apr\u00e8s l&rsquo;\u00e9v\u00e9nement Onload se d\u00e9clenche et il n&rsquo;y a pas eu d&rsquo;activit\u00e9 r\u00e9seau pendant 2 secondes.<\/li>\n<\/ul>\n<figure style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-event-timing.png\" alt=\"gtmetrix event timing\" width=\"1571\" height=\"886\"><figcaption class=\"wp-caption-text\">Event timing<\/figcaption><\/figure>\n<h4>HTTP Response Headers<\/h4>\n<p>Vous pouvez \u00e9galement cliquer sur une requ\u00eate individuelle pour voir ce qu&rsquo;ils appellent les en-t\u00eates de r\u00e9ponse HTTP. Cela fournit des informations pr\u00e9cieuses. Dans l&rsquo;\u00e9cran ci-dessous nous pouvons voir instantan\u00e9ment des choses telles que gzip est activ\u00e9 sur le serveur web, il fonctionne sur HHVM, il est servi \u00e0 partir du cache (HIT, afficherait <a href=\"https:\/\/kinqsta.com\/fr\/blog\/defaut-de-cache\/\">MISS<\/a> autrement), les en-t\u00eates de contr\u00f4le de cache, l&rsquo;architecture du serveur (ce n&rsquo;est pas toujours visible), les <a href=\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-expires-headers-wordpress\/\">en-t\u00eates expire<\/a>, le user-agent navigateur et plus.<\/p>\n<figure style=\"width: 1598px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/en-tete-de-reponse-http-dans-gtmetrix.png\" alt=\"En-t\u00eate de r\u00e9ponse HTTP dans GTmetrix\" width=\"1598\" height=\"768\"><figcaption class=\"wp-caption-text\">En-t\u00eate de r\u00e9ponse HTTP dans GTmetrix<\/figcaption><\/figure>\n<p>Une autre chose \u00e0 savoir est que l&rsquo;<strong>outil GTmetrix supporte HTTP\/2<\/strong>, contrairement \u00e0 Pingdom, car il utilise actuellement Chrome 58+ pour ex\u00e9cuter ses tests. Chrome <a href=\"http:\/\/caniuse.com\/#feat=http2\" target=\"_blank\" rel=\"noopener noreferrer\">a ajout\u00e9 le support HTTP\/2 dans la version 49<\/a>. Gardez donc cela \u00e0 l&rsquo;esprit lorsque vous choisissez l&rsquo;outil de test de vitesse \u00e0 utiliser.<\/p>\n<h3>Vid\u00e9o<\/h3>\n<p>Pour vous aider \u00e0 r\u00e9soudre les probl\u00e8mes visuels et les probl\u00e8mes de performances de l\u2019interface publique, la derni\u00e8re version de GTmetrix comprend un onglet \u00ab Vid\u00e9o \u00bb. Lorsque la fonction vid\u00e9o est activ\u00e9e, GTmetrix enregistre automatiquement une vid\u00e9o int\u00e9grable montrant comment une page se charge pour chaque test de performance. Cette fonction est tr\u00e8s utile pour d\u00e9boguer les probl\u00e8mes visuels qui n&rsquo;apparaissent que sur certaines combinaisons de navigateur et de taille d&rsquo;\u00e9cran.<\/p>\n<figure id=\"attachment_84352\" aria-describedby=\"caption-attachment-84352\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84352 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-video-recording.jpg\" alt=\"Enregistrement vid\u00e9o GTmetrix.\" width=\"1500\" height=\"872\"><figcaption id=\"caption-attachment-84352\" class=\"wp-caption-text\">Enregistrement vid\u00e9o GTmetrix.<\/figcaption><\/figure>\n<h3><a id=\"gtmetrix-history\"><\/a>History<\/h3>\n<p>Une caract\u00e9ristique vraiment int\u00e9ressante est que vous pouvez s\u00e9lectionner vos rapports pass\u00e9s et les comparer c\u00f4te \u00e0 c\u00f4te. Cela peut \u00eatre tr\u00e8s utile, surtout lorsque vous faites des optimisations sur votre site pour voir s&rsquo;il y a des am\u00e9liorations. N&rsquo;oubliez pas, vous pouvez parfois sur-optimiser aussi.<\/p>\n<figure style=\"width: 1418px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-history-e1496246778528.png\" alt=\"gtmetrix history\" width=\"1418\" height=\"592\"><figcaption class=\"wp-caption-text\">History<\/figcaption><\/figure>\n<p>Une caract\u00e9ristique vraiment int\u00e9ressante est que vous pouvez s\u00e9lectionner vos rapports pass\u00e9s et les comparer c\u00f4te \u00e0 c\u00f4te. Cela peut \u00eatre tr\u00e8s utile, surtout lorsque vous faites des optimisations sur votre site pour voir s&rsquo;il y a des am\u00e9liorations. N&rsquo;oubliez pas, vous pouvez parfois sur-optimiser aussi.<\/p>\n<figure style=\"width: 1403px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/comparer-les-rapports-dans-gtmetrix.png\" alt=\"Comparer les rapports dans GTmetrix\" width=\"1403\" height=\"1132\"><figcaption class=\"wp-caption-text\">Comparer les rapports dans GTmetrix<\/figcaption><\/figure>\n<h3>Configuration du domaine de l&rsquo;\u00e9tude de cas<\/h3>\n<p>Si vous \u00eates arriv\u00e9 jusqu&rsquo;ici dans notre plong\u00e9e approfondie dans GTmetrix, vous allez \u00eatre g\u00e2t\u00e9. Il est toujours ennuyeux de voir des gens partager des conseils et des \u00e9tudes de cas mais ne pas partager comment ils y sont arriv\u00e9s. Vous trouverez donc ci-dessous notre configuration exacte pour le domaine d&rsquo;\u00e9tude de cas utilis\u00e9 ci-dessus ! N&rsquo;h\u00e9sitez pas \u00e0 la reproduire.<\/p>\n<h4>Architecture<\/h4>\n<ul style=\"margin-left: 30px\">\n<li>Le domaine d&rsquo;\u00e9tude de cas (perfmatters.io) est h\u00e9berg\u00e9 par Kinsta sur la plateforme Google Cloud aux \u00c9tats-Unis (emplacement central). Kinsta utilise HTTP\/2, NGINX, <a href=\"https:\/\/kinqsta.com\/fr\/blog\/mariadb-mysql\/\">MariaDB<\/a>, qui contribuent tous aux temps de chargement rapides.<\/li>\n<li>Le site utilise HHVM. PHP 7.3 est maintenant disponible chez Kinsta qui est encore plus rapide que HHVM ! Vous pouvez passer d&rsquo;une version de PHP \u00e0 l&rsquo;autre en <a href=\"https:\/\/kinqsta.com\/fr\/blog\/comment-mettre-a-jour-php-dans-wordpress\/\">appuyant sur un bouton<\/a>.<\/li>\n<li>Le site <strong>n&rsquo;utilise pas d&rsquo;extension de mise en cache<\/strong>. Kinsta met tout en cache au niveau du serveur ce qui simplifie grandement les choses, et dans la plupart des cas est plus rapide !<\/li>\n<\/ul>\n<h4>Extensions WordPress<\/h4>\n<p>Voici une liste des extensions utilis\u00e9es sur le site WordPress.<\/p>\n<ul style=\"margin-left: 30px\">\n<li>L&rsquo;<a href=\"https:\/\/wordpress.org\/plugins\/cdn-enabler\/\">extension gratuite CDN Enabler<\/a> est utilis\u00e9e pour d\u00e9ployer KeyCDN.<\/li>\n<li>L&rsquo;<a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\">extension gratuite CAOS<\/a> est utilis\u00e9e pour synchroniser Google Analytics localement.<\/li>\n<li>L&rsquo;<a href=\"https:\/\/perfmatters.io\">extension premium perfmatters<\/a> est utilis\u00e9e pour se d\u00e9barrasser des <a href=\"https:\/\/kinqsta.com\/fr\/blog\/reduire-nombre-requetes-http\/\">requ\u00eates HTTP inutiles<\/a> et d\u00e9sactiver des \u00e9l\u00e9ments tels que les Emojis et les Embeds.<\/li>\n<li>L&rsquo;<a href=\"https:\/\/tomasz-dobrzynski.com\/wordpress-gonzales\">extension premium Gonzalez<\/a> est utilis\u00e9e pour d\u00e9sactiver le chargement de certains scripts.<\/li>\n<li>L&rsquo;<a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">extension premium Imagify<\/a> est utilis\u00e9e pour compresser les images.<\/li>\n<\/ul>\n<h4>Tutoriels recommand\u00e9s pour une lecture plus approfondie :<\/h4>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"https:\/\/kinqsta.com\/fr\/apprendre\/accelerer-wordpress\/\">Comment acc\u00e9l\u00e9rer votre site WordPress<\/a> (Guide ultime)<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/fr\/blog\/desactiver-emojis-wordpress\/\">Comment d\u00e9sactiver les Emojis dans WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/fr\/blog\/desactiver-embeds-wordpress\/\">Comment d\u00e9sactiver les Embeds sur WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/fr\/blog\/performances-des-tierces-parties\/\">Identifier et analyser les services externes sur votre site WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/fr\/blog\/google-pagespeed-insights\/\">Comment obtenir un score de 100\/100 dans Google PageSpeed Insights avec WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/fr\/blog\/admin-ajax\/\">Comment diagnostiquer une utilisation \u00e9lev\u00e9e de Admin-Ajax sur votre site WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/fr\/blog\/reduire-recherches-dns\/\">7 astuces pour r\u00e9duire les recherches DNS et les acc\u00e9l\u00e9rer<\/a><\/li>\n<\/ul>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Comme vous pouvez le constater, savoir comment l&rsquo;outil de test de vitesse GTmetrix fonctionne un peu mieux et ce que tous les graphiques signifient peut vous aider \u00e0 prendre une d\u00e9cision plus fond\u00e9e sur les donn\u00e9es quand il s&rsquo;agit de performance. Une analyse Waterfall, comme nous l&rsquo;appelons, est cruciale pour savoir comment vos ressources individuelles se chargent. Et rappelez-vous, quand il s&rsquo;agit de le comparer avec Pingdom, ce sont des outils diff\u00e9rents et il est donc pr\u00e9f\u00e9rable de s&rsquo;en tenir \u00e0 l&rsquo;un ou l&rsquo;autre car ils calculent les choses diff\u00e9remment. Vous avez d&rsquo;autres bons conseils GTmetrix ?<\/p>\n<p>Si vous souhaitez voir des articles plus approfondis comme celui ci-dessus, veuillez nous le faire savoir ci-dessous dans les commentaires !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il y a beaucoup d&rsquo;options que vous avez en tant que propri\u00e9taire de site Web quand il s&rsquo;agit d&rsquo;effectuer des tests de vitesse pour v\u00e9rifier la &#8230;<\/p>\n","protected":false},"author":38,"featured_media":21798,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[75,46],"topic":[1020,1024],"class_list":["post-21637","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-permitters","tag-webperf","topic-outils-developpement-web","topic-vitesse-site-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Plong\u00e9e en profondeur dans l&#039;outil de test de vitesse GTmetrix<\/title>\n<meta name=\"description\" content=\"Dans cet article, nous nous plongeons en profondeur dans l&#039;outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Plong\u00e9e en profondeur dans l&#039;outil de test de vitesse GTmetrix\" \/>\n<meta property=\"og:description\" content=\"Dans cet article, nous nous plongeons en profondeur dans l&#039;outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-12T08:30:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T09:50:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Dans cet article, nous nous plongeons en profondeur dans l&#039;outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"30 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Plong\u00e9e en profondeur dans l&rsquo;outil de test de vitesse GTmetrix\",\"datePublished\":\"2018-11-12T08:30:15+00:00\",\"dateModified\":\"2023-10-27T09:50:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\"},\"wordCount\":5691,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png\",\"keywords\":[\"permitters\",\"webperf\"],\"articleSection\":[\"Tutoriels sur la performance WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\",\"url\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\",\"name\":\"Plong\u00e9e en profondeur dans l'outil de test de vitesse GTmetrix\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png\",\"datePublished\":\"2018-11-12T08:30:15+00:00\",\"dateModified\":\"2023-10-27T09:50:22+00:00\",\"description\":\"Dans cet article, nous nous plongeons en profondeur dans l'outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png\",\"width\":1460,\"height\":730,\"caption\":\"Test de vitesse GTmetrix\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Outils de d\u00e9veloppement web\",\"item\":\"https:\/\/kinqsta.com\/fr\/sujets\/outils-developpement-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Plong\u00e9e en profondeur dans l&rsquo;outil de test de vitesse GTmetrix\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#website\",\"url\":\"https:\/\/kinqsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinqsta.com\/fr\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Plong\u00e9e en profondeur dans l'outil de test de vitesse GTmetrix","description":"Dans cet article, nous nous plongeons en profondeur dans l'outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/","og_locale":"fr_FR","og_type":"article","og_title":"Plong\u00e9e en profondeur dans l'outil de test de vitesse GTmetrix","og_description":"Dans cet article, nous nous plongeons en profondeur dans l'outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.","og_url":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2018-11-12T08:30:15+00:00","article_modified_time":"2023-10-27T09:50:22+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Dans cet article, nous nous plongeons en profondeur dans l'outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.","twitter_image":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Brian Jackson","Dur\u00e9e de lecture estim\u00e9e":"30 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Plong\u00e9e en profondeur dans l&rsquo;outil de test de vitesse GTmetrix","datePublished":"2018-11-12T08:30:15+00:00","dateModified":"2023-10-27T09:50:22+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/"},"wordCount":5691,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png","keywords":["permitters","webperf"],"articleSection":["Tutoriels sur la performance WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/","url":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/","name":"Plong\u00e9e en profondeur dans l'outil de test de vitesse GTmetrix","isPartOf":{"@id":"https:\/\/kinqsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png","datePublished":"2018-11-12T08:30:15+00:00","dateModified":"2023-10-27T09:50:22+00:00","description":"Dans cet article, nous nous plongeons en profondeur dans l'outil de test de vitesse GTmetrix, y compris une analyse du Waterfall et des conseils pour am\u00e9liorer la vitesse de votre site WordPress.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#primaryimage","url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png","contentUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/gtmetrix-test-de-vitesse.png","width":1460,"height":730,"caption":"Test de vitesse GTmetrix"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/fr\/blog\/test-vitesse-gtmetrix\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Outils de d\u00e9veloppement web","item":"https:\/\/kinqsta.com\/fr\/sujets\/outils-developpement-web\/"},{"@type":"ListItem","position":3,"name":"Plong\u00e9e en profondeur dans l&rsquo;outil de test de vitesse GTmetrix"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/fr\/#website","url":"https:\/\/kinqsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinqsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinqsta.com\/fr\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/21637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/comments?post=21637"}],"version-history":[{"count":17,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/21637\/revisions"}],"predecessor-version":[{"id":73984,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/21637\/revisions\/73984"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/translations\/jp"},{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21637\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/media\/21798"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/media?parent=21637"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/tags?post=21637"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/topic?post=21637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}