{"id":42967,"date":"2020-10-19T05:13:59","date_gmt":"2020-10-19T12:13:59","guid":{"rendered":"https:\/\/kinsta.com\/?p=81133"},"modified":"2023-08-22T12:58:09","modified_gmt":"2023-08-22T11:58:09","slug":"reduire-nombre-requetes-http","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/reduire-nombre-requetes-http\/","title":{"rendered":"Comment r\u00e9duire le nombre de requ\u00eates HTTP dans WordPress (acc\u00e9l\u00e9rer facilement le site)"},"content":{"rendered":"

Plus il y a de requ\u00eates HTTP sur votre site, plus le chargement sera lent. Ainsi, si vous pouvez r\u00e9duire le nombre de requ\u00eates HTTP et optimiser leur chargement, vous pouvez am\u00e9liorer les performances de votre site<\/a>.<\/p>\n

Dans cet article, nous vous expliquerons tout ce que vous devez savoir sur la mani\u00e8re de r\u00e9duire le nombre de requ\u00eates HTTP sur WordPress.<\/p>\n

Nous commencerons par une introduction de base sur les requ\u00eates HTTP, pourquoi elles sont importantes et comment analyser les requ\u00eates de votre site WordPress.<\/p>\n

Ensuite, nous partagerons quelques conseils et strat\u00e9gies que vous pouvez mettre en \u0153uvre pour r\u00e9duire les requ\u00eates de votre site. En plus de vous aider avec le message \u00ab\u00a0Diminuer les requ\u00eates HTTP\u00a0\u00bb dans GTmetrix, ces strat\u00e9gies vous aideront \u00e9galement avec le message \u00ab\u00a0\u00c9viter l\u2019encha\u00eenement des requ\u00eates critiques\u00a0\u00bb dans Google PageSpeed Insights.<\/p>\n

<\/div><\/kinsta-auto-toc>\n\n

Vous pr\u00e9f\u00e9rez regarder la version vid\u00e9o<\/a> ?<\/h3>\n<\/kinsta-video>\n

Que sont les requ\u00eates HTTP ?<\/h2>\n

Lorsque vous construisez un site web<\/a>, il comporte de nombreuses parties diff\u00e9rentes. Vous avez les diff\u00e9rents fichiers d’images<\/a> que vous utilisez sur une page, les feuilles de style CSS<\/a> qui contr\u00f4lent l’apparence du contenu, les fichiers JavaScript qui ajoutent toutes ces fonctionnalit\u00e9s int\u00e9ressantes, etc.<\/p>\n

Lorsqu’une personne parcourt votre site web<\/a>, son navigateur doit pouvoir t\u00e9l\u00e9charger toutes les ressources n\u00e9cessaires \u00e0 cette page \u00e0 partir de votre serveur. Pour ce faire, il adresse des requ\u00eates HTTP<\/strong> au serveur pour chaque ressource individuelle.<\/p>\n

Par exemple, il pourrait dire : \u00ab\u00a0h\u00e9 serveur, j’ai besoin de ce fichier coolimage.png\u00a0\u00bb<\/strong> et \u00ab\u00a0h\u00e9 serveur, j’ai aussi besoin de la feuille de style CSS pour cette extension de formulaire de contact<\/a>\u00a0\u00bb. Le serveur r\u00e9pond<\/strong> alors \u00e0 ces requ\u00eates avec les fichiers en question.<\/p>\n

Une fois que le navigateur web a re\u00e7u ces fichiers, il peut assembler la page web pour votre visiteur. Bien s\u00fbr, c’est un peu plus compliqu\u00e9 que cela, mais c’est l’id\u00e9e de base.<\/p>\n

HTTP, abr\u00e9viation de Hypertext Transfer Protocol, est le moyen par lequel ces ordinateurs (le navigateur du visiteur et votre serveur web) communiquent.<\/p>\n

Une chose importante \u00e0 comprendre est que chaque \u00e9l\u00e9ment s\u00e9par\u00e9 est une requ\u00eate HTTP distincte. Par exemple, si vous avez cinq fichiers d’images<\/a> sur une page web, le navigateur doit effectuer cinq requ\u00eates HTTP distinctes, une pour chaque image.<\/p>\n

De m\u00eame, si vous utilisez quatre extensions WordPress<\/a> et que chaque extension ajoute sa propre feuille de style CSS, le navigateur du visiteur devra effectuer quatre requ\u00eates HTTP distinctes, une pour la feuille de style de chaque extension.<\/p>\n

Pourquoi est-il important de r\u00e9duire les requ\u00eates HTTP ?<\/h2>\n

\"Pourquoi<\/p>\n

En g\u00e9n\u00e9ral, plus votre site web re\u00e7oit de requ\u00eates HTTP, plus son chargement est lent<\/a>. Si vous voulez que votre site se charge plus rapidement, vous devez donc optimiser et r\u00e9duire le nombre de requ\u00eates HTTP dont votre site a besoin.<\/p>\n

Bien que cela soit un peu trop simplifi\u00e9, l’id\u00e9e de base est que le navigateur web n’affichera le site \u00e0 votre visiteur qu’une fois qu’il aura fini de t\u00e9l\u00e9charger toutes les requ\u00eates HTTP (bien qu’il existe certaines tactiques pour dire au navigateur qu’il peut attendre pour certains fichiers).<\/p>\n

Ainsi, si un site web doit faire 70 requ\u00eates HTTP avant de pouvoir afficher la page, cela va prendre plus de temps que s’il devait faire 40 requ\u00eates HTTP.<\/p>\n

En outre, certaines requ\u00eates HTTP \u00ab\u00a0bloquent\u00a0\u00bb d’autres requ\u00eates HTTP, ce qui signifie que le navigateur ne peut pas commencer \u00e0 t\u00e9l\u00e9charger certaines requ\u00eates HTTP avant d’avoir termin\u00e9 le t\u00e9l\u00e9chargement des requ\u00eates HTTP pr\u00e9c\u00e9dentes.<\/p>\n

L’essentiel est que lorsque vous faites moins de requ\u00eates HTTP, vous acc\u00e9l\u00e9rez le chargement de votre site web<\/a>.<\/p>\n

Comment voir et analyser les requ\u00eates HTTP de votre site<\/h2>\n

Vous avez appris ci-dessus que, toutes choses \u00e9tant \u00e9gales par ailleurs, la r\u00e9duction du nombre de requ\u00eates HTTP acc\u00e9l\u00e9rera votre site<\/a>. Cependant, toutes les requ\u00eates HTTP ne sont pas toujours \u00ab\u00a0\u00e9gales\u00a0\u00bb. Certaines requ\u00eates HTTP sont plus grosses que d’autres. Certaines sont plus lentes que d’autres.<\/p>\n

Par exemple, la requ\u00eate d’un \u00e9norme fichier image de 3 Mo prendra beaucoup plus de temps que la requ\u00eate d’une minuscule image de 20 Ko.<\/p>\n

Si vous souhaitez apporter la plus grande am\u00e9lioration \u00e0 votre site, le fait de vous concentrer d’abord sur les grosses requ\u00eates HTTP \u00e0 chargement lent vous permettra d’obtenir le meilleur retour sur investissement.<\/p>\n

Pour analyser les requ\u00eates HTTP de votre site, vous pouvez utiliser ce que l’on appelle l’analyse waterfall<\/a>.<\/p>\n

La plupart des outils de test de vitesse offrent cette possibilit\u00e9, mais les interfaces de GTMetrix<\/a> et de Pingdom<\/a> sont tr\u00e8s pratiques. Vous pouvez \u00e9galement utiliser les outils de d\u00e9veloppement de votre navigateur. Cependant, nous utiliserons GTmetrix pour nos captures d’\u00e9cran.<\/p>\n

Une fois que vous avez saisi votre URL<\/a>, vous verrez un cadre de r\u00e9sum\u00e9 basique en haut. Cela indique le nombre de requ\u00eates HTTP dont dispose votre site, mais n’analyse pas les requ\u00eates individuelles :<\/p>\n

<\/p>\n

Pour analyser vos requ\u00eates individuelles, allez sur l’onglet Waterfall<\/strong> ci-dessous.<\/p>\n

Vous trouverez ici la liste de chaque requ\u00eate HTTP sur votre site, ainsi que des informations sur le temps de t\u00e9l\u00e9chargement de cette requ\u00eate HTTP :<\/p>\n

<\/p>\n

Vous pouvez constater que toutes les requ\u00eates HTTP ne sont pas \u00e9gales. Par exemple, l’image de 839,3 Ko prend 1,12s alors que l’image de 57,6 Ko ne prend que 87,5 ms :<\/p>\n

<\/p>\n

Vous pouvez \u00e9galement trouver des requ\u00eates HTTP provenant des diff\u00e9rentes extensions WordPress que vous utilisez en recherchant le nom du dossier de cette extension sur votre serveur. Par exemple, vous pouvez voir que WooCommerce<\/a> ajoute sept de ses propres requ\u00eates HTTP :<\/p>\n

<\/p>\n

De cette fa\u00e7on, vous pouvez voir si les extensions que vous utilisez ajoutent beaucoup de requ\u00eates HTTP (en particulier des requ\u00eates qui ralentissent le site).<\/p>\n

Comment optimiser et r\u00e9duire le nombre de requ\u00eates HTTP dans WordPress<\/h2>\n

\u00c0 un niveau \u00e9lev\u00e9, il existe deux grandes strat\u00e9gies pour r\u00e9duire le nombre de requ\u00eates HTTP :<\/p>\n