{"id":3924,"date":"2020-03-14T21:59:23","date_gmt":"2020-03-14T21:59:23","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/"},"modified":"2020-03-14T21:59:23","modified_gmt":"2020-03-14T21:59:23","slug":"comment-reduire-les-requetes-http-s-dans-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/","title":{"rendered":"Comment r\u00e9duire les requ\u00eates HTTP \/ S dans WordPress"},"content":{"rendered":"<p>\n<img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-reducir-las-solicitudes-HTTP-S-en-WordPress.png\"><\/p>\n<p>Voici une histoire que vous allez adorer si vous souhaitez acc\u00e9l\u00e9rer votre site WordPress.<\/p>\n<p>L&#39;autre jour, j&#39;ai construit un site Web g\u00e9nial. J&#39;ai fait de mon mieux et j&#39;ai ajout\u00e9 WooCommerce, Google Tag Manager, OneSignal, Helpdesk, Yoast, Radio en direct (oh oui, je l&#39;ai fait), Cookie Notice, les m\u00e9dias sociaux et des tonnes d&#39;autres plugins.<\/p>\n<p>Comme vous, j&#39;\u00e9tais d\u00e9termin\u00e9 \u00e0 impressionner mes visiteurs, du moins le pensais-je. Mais alors les choses sont devenues insupportablement lentes. Apr\u00e8s beaucoup de d\u00e9tresse, j&#39;ai activ\u00e9 GTMetrix pour \u00e9liminer le probl\u00e8me.<\/p>\n<p>\u00c0 ma grande consternation, j&#39;ai vu ceci:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1584180371_46_Como-reducir-las-solicitudes-HTTP-S-en-WordPress.png\" alt=\"R\u00e9sultats du test de vitesse Gtmetrix\" width=\"1076\" height=\"535\"><\/p>\n<p>Avez-vous \u00e9t\u00e9 impressionn\u00e9? Enfer aux nouveaux! Je voulais obtenir un A parfait et r\u00e9duire le temps de chargement des pages \u00e0 moins de deux secondes.<\/p>\n<p>J&#39;ai donc appuy\u00e9 sur le bouton retester, mais devinez quoi? C&#39;est toujours le m\u00eame r\u00e9sultat d\u00e9go\u00fbtant. Il \u00e9tait horrifi\u00e9, voire en col\u00e8re. Mais je n&#39;abandonne pas facilement parce que ce genre de chose est inacceptable.<\/p>\n<p>Savez-vous ce que j&#39;ai fait ensuite? J&#39;ai essay\u00e9 le site Web sur Pingdom parce que GTMetrix peut \u00eatre nul. Mais, voici les r\u00e9sultats moche encore une fois:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1584180371_865_Como-reducir-las-solicitudes-HTTP-S-en-WordPress.png\" alt=\"r\u00e9sultats du test de vitesse des outils pingdom\" width=\"1076\" height=\"370\"><\/p>\n<p>J&#39;\u00e9tais exasp\u00e9r\u00e9. L&#39;\u00e9pine proverbiale dans ma chair \u00e9tait les requ\u00eates HTTP errantes, car cela pouvait r\u00e9soudre beaucoup d&#39;autres probl\u00e8mes rapidement.<\/p>\n<p>Pour aggraver les choses, j&#39;utilisais un th\u00e8me WordPress eCommerce qui a charg\u00e9 un milliard d&#39;articles pour cr\u00e9er la page d&#39;accueil. Pour ma d\u00e9fense, \u00e7a avait l&#39;air incroyable. Certains utilisateurs ont convenu que le design \u00e9tait \u00e9galement sur le point, donc je ne suis pas tomb\u00e9 dans le pi\u00e8ge \ud83d\ude42<\/p>\n<p>Mais une excellente conception visuelle et des vitesses faibles ne vont pas de pair. J&#39;avais besoin d&#39;une solution et rapide.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Comment_puis-je_reduire_les_requetes_HTTP_sur_mon_site_WordPress\"><\/span>Comment puis-je r\u00e9duire les requ\u00eates HTTP sur mon site WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Chaque fois que vous visitez un site Web WordPress, de nombreuses donn\u00e9es circulent entre votre navigateur et les serveurs du site Web. En d&#39;autres termes, WordPress envoie des requ\u00eates HTTP \u00e0 plusieurs serveurs pour cr\u00e9er ce que les utilisateurs voient lorsqu&#39;ils chargent votre site.<\/p>\n<p>Si votre site WordPress n\u00e9cessite beaucoup d&#39;\u00e9l\u00e9ments \u00e0 charger, vous aurez plus de requ\u00eates HTTP et vice versa. Plus de requ\u00eates HTTP signifient un site Web lent, une mauvaise exp\u00e9rience utilisateur (UX), de mauvais scores SEO et de faibles taux de conversion.<\/p>\n<p>Les sites Web WordPress sont g\u00e9n\u00e9ralement dynamiques, ce qui signifie que de nombreuses parties diff\u00e9rentes sont n\u00e9cessaires pour afficher votre site Web dans un navigateur. La bonne nouvelle est qu&#39;elle peut r\u00e9duire les requ\u00eates HTTP et acc\u00e9l\u00e9rer consid\u00e9rablement votre site.<\/p>\n<p>Et dans le post d&#39;aujourd&#39;hui, vous apprenez exactement comment!<\/p>\n<p>Les rapports GTMetrix et Pingdom vous montrent g\u00e9n\u00e9ralement o\u00f9 se situe le probl\u00e8me. \u00c0 ce titre, testez votre site \u00e0 l&#39;aide des deux outils pour d\u00e9couvrir les domaines \u00e0 am\u00e9liorer. Avec vos rapports pr\u00eats, nous vous montrons ici comment r\u00e9duire les demandes HTTP \/ S et acc\u00e9l\u00e9rer votre site WordPress.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Etape_1_commander\"><\/span>\u00c9tape 1: commander<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Les gars, si vous en avez beaucoup sur votre site WordPress, vous aurez trop de requ\u00eates HTTP. C&#39;est \u00e9vident. La premi\u00e8re \u00e9tape de la r\u00e9duction des requ\u00eates HTTP est la d\u00e9sorganisation.<\/p>\n<p>Par cela, je veux dire se d\u00e9barrasser de tous les plugins dont vous n&#39;avez pas besoin. Les plugins WordPress sont livr\u00e9s avec de nombreux fichiers, que ce soit PHP, CSS ou JavaScript (JS). Chaque fichier d\u00e9clench\u00e9 par chaque plugin cr\u00e9era une requ\u00eate HTTP.<\/p>\n<p>Si vous avez un tas de plugins, vous aurez certainement plus de requ\u00eates HTTP. Moins il y a de modules compl\u00e9mentaires, moins il y a de demandes. C&#39;est tr\u00e8s simple.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Que_faire\"><\/span>Que faire?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Effectuez un audit de vos plugins. Quels plugins devez-vous avoir pour faire fonctionner votre site Web? Y a-t-il des plugins dont vous n&#39;avez pas besoin? Avez-vous des modules compl\u00e9mentaires qui exploitent des serveurs tiers? Pouvez-vous vous passer de ces accessoires?<\/p>\n<p>Pour r\u00e9duire les requ\u00eates HTTP, d\u00e9sinstallez tous les plugins dont vous n&#39;avez pas besoin. Si vous avez besoin d&#39;un compl\u00e9ment \u00e0 l&#39;occasion, installez-le uniquement lorsque vous en avez besoin. D\u00e9sinstallez ensuite le plugin.<\/p>\n<p>Il en va de m\u00eame pour les th\u00e8mes et contenus WordPress que vous n&#39;utilisez pas. Nettoyez toutes ces choses. Supprimez tout ce dont vous n&#39;avez pas besoin; c&#39;est bon pour la vitesse et la s\u00e9curit\u00e9 de votre site web.<\/p>\n<p>Vous pouvez aller plus loin et charger des plugins de mani\u00e8re s\u00e9lective. Par exemple, si vous n&#39;avez besoin que du formulaire de contact 7 pour le charger sur votre page de contact, vous pouvez emp\u00eacher le chargement d&#39;autres plugins sur cette page sp\u00e9cifique.<\/p>\n<p>Ce serait formidable, vous n&#39;\u00eates pas d&#39;accord? Et penser que vous n&#39;avez besoin que du <strong>Plugin de nettoyage des ressources WordPress<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1584180371_66_Como-reducir-las-solicitudes-HTTP-S-en-WordPress.png\" alt=\"Plugin WordPress WP Asset CleanUp\" width=\"1544\" height=\"500\"><\/p>\n<p>Le plugin est facile \u00e0 utiliser et assez efficace. Ou comme le dit le d\u00e9veloppeur:<\/p>\n<p>&quot;Asset Cleanup&quot; analyse votre page et d\u00e9tecte tous les actifs qui sont charg\u00e9s. Tout ce que vous avez \u00e0 faire lors de l&#39;\u00e9dition d&#39;une page \/ publication est simplement de s\u00e9lectionner le CSS \/ JS qui n&#39;a pas besoin d&#39;\u00eatre charg\u00e9, cela r\u00e9duit le ballonnement.<\/p>\n<p>Nettoyez votre installation maintenant, mec; se d\u00e9barrasser de la corbeille &#8211; commentaires de spam inclus. Ah oui, supprimez les liens rompus et optimisez votre base de donn\u00e9es pendant que vous y \u00eates. Ce sont des domaines importants \u00e0 prendre en compte pour acc\u00e9l\u00e9rer votre site, mais je m&#39;\u00e9gare.<\/p>\n<p>R\u00e9duisons \u00e0 nouveau les requ\u00eates HTTP.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Etape_2_Optimiser_les_images\"><\/span>\u00c9tape 2: Optimiser les images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un site Web sans images est bien monotone. Ils disent qu&#39;une image en dit plus que mille mots, et c&#39;est super. Mais chaque image repr\u00e9sente une requ\u00eate HTTP. Pour ajouter du sel aux blessures, les images figurent en t\u00eate des \u00e9l\u00e9ments dont le chargement est long.<\/p>\n<p>Pourtant, nous ne pouvons pas ignorer le fait que la plupart des th\u00e8mes WordPress (sites de lecture) reposent sur des images, et beaucoup d&#39;images d&#39;ailleurs. Donc, \u00e0 la lumi\u00e8re de cela, comment pouvez-vous r\u00e9duire les requ\u00eates HTTP en optimisant vos images?<\/p>\n<p>Pour commencer, d\u00e9barrassez-vous de toutes les images que vous n&#39;utilisez pas. Soyez impitoyable; d\u00e9barrassez-vous de tous ces ballonnements, vous n&#39;en avez pas besoin. Apr\u00e8s cela, compressez et optimisez les images pour supprimer les donn\u00e9es d&#39;archive inutiles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"fullimg alignnone\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Como-reducir-las-solicitudes-HTTP-S-en-WordPress.jpg\" alt=\"Plugin de compression WP\" width=\"772\" height=\"250\"><\/p>\n<p>Bien qu&#39;il existe un certain nombre de plugins, nous aimons vraiment WP Compress. Bien qu&#39;il s&#39;agisse d&#39;un service premium, d&#39;une puissante optimisation automatique d&#39;images, d&#39;une compression sans perte, d&#39;un traitement cloud pour r\u00e9duire la charge de votre serveur, de la prise en charge des images WebP, d&#39;un redimensionnement automatique et bien plus encore, l&#39;investissement en vaut la peine. vaut la peine (voir notre critique pour plus d&#39;informations). De plus, vous pouvez obtenir 100 images gratuites, vous pouvez donc au moins essayer.<\/p>\n<p>L&#39;optimisation d&#39;image ne r\u00e9duit pas vos demandes HTTP en soi, mais elle r\u00e9duit la taille de vos fichiers image, ce qui se traduit par de meilleures vitesses de page \u00e0 l&#39;avenir.<\/p>\n<p>Alternativement, pour r\u00e9duire les requ\u00eates HTTP, exploitez la puissance des sprites d&#39;images CSS. Pour les non-initi\u00e9s, un sprite est une collection d&#39;images regroup\u00e9es dans un seul fichier image.<\/p>\n<p>Ensuite, en utilisant des astuces CSS, vous pouvez choisir la partie de l&#39;image \u00e0 afficher. Mais comment cela r\u00e9duit-il les requ\u00eates HTTP? Voici une analogie.<\/p>\n<p>Disons que vous avez besoin de cinq images sur votre page d&#39;accueil. Pour charger votre site, votre installation WordPress fera cinq d\u00e9placements sur le serveur pour r\u00e9cup\u00e9rer les images. Maintenant, si vous mettez les cinq images dans un seul fichier image (sprite), votre installation WordPress ne prendra qu&#39;un seul voyage.<\/p>\n<p>Voyez-vous o\u00f9 je veux en venir? Moins il y a de trajets, plus les requ\u00eates HTTP sont faibles. La meilleure partie est que vous n&#39;avez pas besoin de transpirer pour cr\u00e9er et impl\u00e9menter des sprites d&#39;image CSS. Vous pouvez utiliser un outil comme CSS Sprite Generator. L&#39;impl\u00e9mentation de sprites d&#39;images CSS est facile tant que vous connaissez CSS.<\/p>\n<p><strong>Des conseils professionnels<\/strong>: Vous pouvez oublier les sprites d&#39;images CSS si votre site Web utilise HTTP \/ 2 qui prend en charge le chargement asynchrone des images et des scripts. GTMetrix ne prend pas en compte HTTP \/ 2 lors de l&#39;\u00e9valuation des performances, alors ne vous inqui\u00e9tez pas si vos images semblent cr\u00e9er un tas de requ\u00eates HTTP.<\/p>\n<p><strong>Mais je dis:<\/strong> Si les sprites d&#39;image CSS peuvent r\u00e9duire consid\u00e9rablement les requ\u00eates HTTP sur votre site et que vous savez comment l&#39;impl\u00e9menter, allez-y et supprimez ces secondes suppl\u00e9mentaires de votre temps de chargement de page. Que vous ayez ou non HTTP \/ 2.<\/p>\n<p>Apr\u00e8s tout, un seul fichier image n\u00e9cessite une seule requ\u00eate HTTP. Dix images distinctes n\u00e9cessitent 10 requ\u00eates HTTP, etc. Je sais que tu comprends la d\u00e9rive.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Etape_3_combiner_et_minimiser_HTML_CSS_et_JavaScript\"><\/span>\u00c9tape 3: combiner et minimiser HTML, CSS et JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La principale cause de nombreuses requ\u00eates HTTP sur mon site WordPress \u00e9tait les fichiers CSS et JavaScript externes. Oui, j&#39;avais du mal avec 43 scripts JS et 22 fichiers CSS. C&#39;est un \u00e9norme 66 requ\u00eates HTTP.<\/p>\n<p>Sur environ 130 requ\u00eates HTTP, les requ\u00eates CSS et JavaScript externes ont repr\u00e9sent\u00e9 environ 51% du probl\u00e8me! C&#39;est tout simplement ridicule. Merci, GTMetrix, frappe mon poing.<\/p>\n<p>En combinant et en minimisant ces 44 fichiers JS et 22 fichiers CSS, je peux r\u00e9duire consid\u00e9rablement mes demandes HTTP, la taille du site Web et le temps de chargement. Mais \u00e0 quoi sert ce m\u00e9tier de \u00abcombiner\u00bb et de \u00abminifier\u00bb?<\/p>\n<p>Selon Raelene Morey de Words by Birds (je suis un grand fan \ud83d\ude42), la minification est le processus de &quot;&#8230; supprimer les caract\u00e8res inutiles, tels que les commentaires, la mise en forme, les blancs et les nouvelles lignes des fichiers non HTML, CSS et JavaScript&quot; t n\u00e9cessaire pour ex\u00e9cuter le code. &quot;<\/p>\n<p>La r\u00e9duction r\u00e9duit la taille du fichier en supprimant tous les autres caract\u00e8res pour ne laisser que le code. Mais si vous avez plus de 66 scripts externes, la minification ne fera pas grand-chose pour minimiser les requ\u00eates HTTP. Pour cela, vous devez combiner vos fichiers CSS et JavaScript.<\/p>\n<p>Encore une fois, Raelene dit:<\/p>\n<p>Pendant ce temps, la combinaison de fichiers ressemble \u00e0 cela. Par exemple, si votre site Web charge 5 fichiers CSS externes et 5 fichiers JavaScript externes, en combinant votre CSS et JavaScript dans un seul fichier distinct, chacun ne g\u00e9n\u00e9rera que 2 demandes au lieu de 10.<\/p>\n<p>Tu le comprends? J&#39;esp\u00e8re bien. La combinaison de fichiers r\u00e9duit les requ\u00eates HTTP. La minification, d&#39;autre part, r\u00e9duit la taille du fichier. Combinez les deux et vous tuerez deux oiseaux avec la m\u00eame pierre.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Existe-t-il_des_modules_complementaires_Oui_bien_sur\"><\/span>Existe-t-il des modules compl\u00e9mentaires? Oui, bien s\u00fbr!<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1584180371_103_Como-reducir-las-solicitudes-HTTP-S-en-WordPress.png\" alt=\"Plugin de cache WordPress WP Rocket\" width=\"940\" height=\"305\"><\/p>\n<p>Il existe des tonnes de plugins WordPress pour combiner et minimiser vos fichiers. Un bon exemple est le plugin WP Rocket. Fondamentalement, c&#39;est l&#39;un des meilleurs plugins de mise en cache qui vous offre des fonctions pour combiner et r\u00e9duire les fichiers en quelques clics.<\/p>\n<p>Un autre populaire (et <strong>gratuit<\/strong>) est le plugin Autoptimize.<\/p>\n<p>Au fait, pendant que vous le faites, r\u00e9duisez la quantit\u00e9 de fichiers CSS externes et de scripts JS? Par exemple, et nous ne mentionnons pas de noms ici, avez-vous vraiment besoin d&#39;une plateforme de commentaires tierce? Avez-vous besoin d&#39;un plugin radio en direct?<\/p>\n<p>Peu importe ce que vous dites, supprimez tous les scripts et fichiers externes dont vous n&#39;avez pas besoin.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Etape_4_regler_les_fichiers_CSS_et_JavaScript_bloquant_le_rendu\"><\/span>\u00c9tape 4: r\u00e9gler les fichiers CSS et JavaScript bloquant le rendu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Dans certains cas, la fusion de fichiers peut ne pas \u00eatre une option, en particulier pour les changements fr\u00e9quents de fichiers et de scripts tiers. Dans de tels cas, vous pouvez diff\u00e9rer le chargement de ces actifs. HTTP \/ 2 prend en charge le t\u00e9l\u00e9chargement de fichiers asynchrone, ce qui signifie que tous les fichiers sont t\u00e9l\u00e9charg\u00e9s simultan\u00e9ment.<\/p>\n<p>Si vous n&#39;avez pas de charge asynchrone pour une raison quelconque (peut-\u00eatre que vous n&#39;utilisez pas HTTP \/ 2 ou que les scripts ne sont pas asynchrones), ces fichiers peuvent ralentir consid\u00e9rablement votre site Web.<\/p>\n<p>Veuillez noter que vos pages Web se chargent de haut en bas. Si vous avez un traitement de blocage CSS et JS en haut de votre page, le navigateur arr\u00eatera le chargement jusqu&#39;\u00e0 ce que les fichiers soient compl\u00e8tement charg\u00e9s. En tant que tel, les utilisateurs verront une page vierge jusqu&#39;au chargement des scripts, ce qui prend du temps.<\/p>\n<p>Comment? D\u00e9placez tous les scripts de blocage du rendu de haut en bas de votre page Web. Mais faites attention ici; il n&#39;est pas n\u00e9cessaire de d\u00e9placer tous les scripts \u00e0 la fin. Je dis cela car votre page peut avoir besoin de CSS et JS pour offrir une exp\u00e9rience compl\u00e8tement engageante.<\/p>\n<p>Si certains fichiers CSS ou JavaScript diff\u00e8rent, vos utilisateurs peuvent voir une version d\u00e9form\u00e9e de votre page Web jusqu&#39;\u00e0 ce que la page soit enti\u00e8rement charg\u00e9e, ce qui est exactement le contraire de ce que vous souhaitez r\u00e9aliser.<\/p>\n<p>Par cons\u00e9quent, seuls les scripts qui ne sont pas n\u00e9cessaires au chargement de la page diff\u00e8rent. De cette fa\u00e7on, vos utilisateurs n&#39;attendront pas des ann\u00e9es pour que votre page se charge. Parce que? Parce que vous aurez besoin de moins de requ\u00eates HTTP pour livrer votre message.<\/p>\n<p>Cela ne r\u00e9duit pas les requ\u00eates HTTP en soi (car tous les scripts et fichiers finiront par se charger), mais cela r\u00e9duit le nombre de requ\u00eates HTTP n\u00e9cessaires pour rendre votre page.<\/p>\n<p>Il est tr\u00e8s similaire au chargement d&#39;images paresseux; l&#39;image ne se charge que lorsqu&#39;elle se trouve dans la fen\u00eatre graphique, pas lorsque le reste (et les parties les plus importantes) de la page se charge.<\/p>\n<p>BTW, la correction du blocage du rendu CSS et JS peut r\u00e9v\u00e9ler des fichiers et des scripts dont vous n&#39;avez pas besoin pour cr\u00e9er une page Web.<\/p>\n<p>Par exemple, si un script JS externe \u00e0 partager sur les r\u00e9seaux sociaux prend du temps \u00e0 se charger, vous pouvez le reporter. En plus de cela, vous pouvez le supprimer et cr\u00e9er un partage social sur votre sujet.<\/p>\n<p>Il supprimera les requ\u00eates HTTP et acc\u00e9l\u00e9rera votre site tout en conservant les m\u00eames fonctionnalit\u00e9s. Je comprends que les fonctions d&#39;encodage de votre th\u00e8me sont difficiles pour la plupart des d\u00e9butants, veuillez donc v\u00e9rifier aupr\u00e8s d&#39;un utilisateur ou d\u00e9veloppeur avanc\u00e9 de WP.<\/p>\n<p>Comme alternative, vous pouvez utiliser le plugin WP Rocket pour corriger les scripts de blocage de rendu, mais soyez prudent. Lisez leur documentation, car si vous g\u00e2chez des choses, vous pouvez facilement d\u00e9truire votre site Web.<\/p>\n<p><strong>Y a-t-il des options gratuites? Bien s\u00fbr! <\/strong>Nous travaillons avec WordPress, vous vous en souvenez? Vous pouvez utiliser JavaScript asynchrone, entre autres plugins.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Etape_5_utilisez_la_mise_en_cache_et_CDN\"><\/span>\u00c9tape 5: utilisez la mise en cache et CDN<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Saviez-vous que la mise en cache et les CDN peuvent r\u00e9duire vos requ\u00eates HTTP? Au d\u00e9but, cela ne semble pas \u00eatre un fait, mais lorsque vous consid\u00e9rez ce qui se passe dans les coulisses, vous pouvez utiliser la mise en cache et le CDN \u00e0 votre avantage.<\/p>\n<p>La mise en cache implique le stockage de fichiers statiques dans un navigateur afin que les utilisateurs ne t\u00e9l\u00e9chargent pas les fichiers lors de visites ult\u00e9rieures. Supposons que vous disposiez d&#39;un plug-in de cache et que l&#39;utilisateur t\u00e9l\u00e9charge votre contenu mis en cache lors de sa premi\u00e8re visite.<\/p>\n<p>Lors des visites suivantes, votre site ne fera aucune demande au serveur. Au lieu de cela, il servira les ressources mises en cache du navigateur, r\u00e9duisant les demandes HTTP et augmentant la vitesse de votre site.<\/p>\n<p>Un CDN (ou <strong>C<\/strong>souvent <strong>re<\/strong>livraison <strong>au nord<\/strong>etwork) est un r\u00e9seau de serveurs situ\u00e9s dans le monde entier. Un CDN utilise \u00e9galement la mise en cache, mais pour des vitesses encore plus rapides, le fournisseur CDN <strong>mis en cache<\/strong> le contenu du serveur le plus proche du visiteur.<\/p>\n<p>Des distances plus courtes signifient une livraison de contenu plus rapide et la mise en cache signifie que votre site Web n&#39;a plus besoin de t\u00e9l\u00e9charger \u00e0 nouveau le m\u00eame contenu depuis le serveur central. Cela vous semble-t-il logique?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"fullimg alignnone\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1584180371_771_Como-reducir-las-solicitudes-HTTP-S-en-WordPress.jpg\" alt=\"Plugin CDN Cloudflare\" width=\"772\" height=\"250\"><\/p>\n<p>Et surtout, il existe un certain nombre d&#39;options CDN gratuites (ou au moins des essais gratuits pour que vous puissiez litt\u00e9ralement voir la diff\u00e9rence que cela fait). Chez WPExplorer, nous utilisons et recommandons CLoudflare, mais choisissez le CDN qui, selon vous, vous convient le mieux.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Bonus_assurez-vous_que_HTTP_2_est_pris_en_charge\"><\/span>Bonus: assurez-vous que HTTP \/ 2 est pris en charge<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Vous faites peut-\u00eatre de votre mieux pour r\u00e9duire les demandes HTTP, mais votre h\u00e9bergeur peut \u00eatre la cause de vos probl\u00e8mes. Ne soyez pas surpris; demander et penser, qui, de nos jours, utilise plus que HTTP \/ 2?<\/p>\n<p>Vous ne savez probablement m\u00eame pas ce qu&#39;est HTTP \/ 2. Eh bien, pour commencer, HTTP \/ 2 prend en charge le t\u00e9l\u00e9chargement de fichiers asynchrone, entre autres. Il pr\u00e9sente d&#39;autres avantages par rapport \u00e0 HTTP 1.0, mais c&#39;est une le\u00e7on pour un autre jour.<\/p>\n<p>Si vous utilisez HTTP 1.0 ou inf\u00e9rieur, vous remarquerez un nombre consid\u00e9rable de requ\u00eates HTTP.<\/p>\n<p>Ne soyez pas trop rapide pour juger; J&#39;ai vu des fournisseurs d&#39;h\u00e9bergement Web qui utilisent toujours HTTP 1.0 et les versions ant\u00e9rieures de PHP. Oui, m\u00eame avec les avantages apparents de HTTP \/ 2 et PHP 7. Je ne bluffe m\u00eame pas; certains de vos clients viennent \u00e0 moi lorsque certains de leurs modules compl\u00e9mentaires ne fonctionnent pas, et c&#39;est irritant!<\/p>\n<p>Mais s\u00e9rieusement, pourquoi? Le fait que certains fournisseurs d&#39;h\u00e9bergement Web ne se soucient pas du fait que PHP 5.6 est obsol\u00e8te et pr\u00e9sente des failles de s\u00e9curit\u00e9 est autre chose. Et s&#39;ils ne prennent pas en charge HTTP \/ 2, c&#39;est vraiment un facteur d\u00e9cisif pour le v\u00f4tre.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"fullimg alignnone\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/1584180371_245_Como-reducir-las-solicitudes-HTTP-S-en-WordPress.jpg\" alt=\"Test KeyCDN HTTP \/ 2\" width=\"1000\" height=\"588\"><\/p>\n<p>Contactez votre h\u00f4te ou utilisez l&#39;outil KeyCDN pour v\u00e9rifier si votre serveur prend en charge HTTP \/ 2. Le meilleur serveur Web prend en charge HTTP \/ 2 et la derni\u00e8re version de PHP. Si votre h\u00f4te est en retard dans les deux cas, demandez-lui de mettre \u00e0 niveau ou choisissez un meilleur h\u00e9bergeur.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Derniers_mots\"><\/span>Derniers mots<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>R\u00e9duire les requ\u00eates HTTP sur votre site WordPress consiste \u00e0 supprimer les choses dont vous n&#39;avez pas besoin. Si vous avez beaucoup sur votre site WordPress, vous aurez beaucoup de requ\u00eates HTTP et des vitesses de page relativement lentes.<\/p>\n<p>Pour r\u00e9duire les demandes HTTP, organisez votre site, optimisez les images, corrigez les scripts de blocage du rendu, utilisez la mise en cache et assurez-vous que votre h\u00f4te est conforme \u00e0 HTTP \/ 2. Sinon, essayez de cr\u00e9er des propre qui ne n\u00e9cessite pas une tonne d&#39;actifs \u00e0 charger.<\/p>\n<p>Si vous avez des questions, veuillez nous en informer dans la section des commentaires ci-dessous. Salutations aux sites Web plus rapides et un bel avenir \u00e0 venir!<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Comment_puis-je_reduire_les_requetes_HTTP_sur_mon_site_WordPress\" >Comment puis-je r\u00e9duire les requ\u00eates HTTP sur mon site WordPress?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Etape_1_commander\" >\u00c9tape 1: commander<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Que_faire\" >Que faire?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Etape_2_Optimiser_les_images\" >\u00c9tape 2: Optimiser les images<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Etape_3_combiner_et_minimiser_HTML_CSS_et_JavaScript\" >\u00c9tape 3: combiner et minimiser HTML, CSS et JavaScript<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Existe-t-il_des_modules_complementaires_Oui_bien_sur\" >Existe-t-il des modules compl\u00e9mentaires? Oui, bien s\u00fbr!<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Etape_4_regler_les_fichiers_CSS_et_JavaScript_bloquant_le_rendu\" >\u00c9tape 4: r\u00e9gler les fichiers CSS et JavaScript bloquant le rendu<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Etape_5_utilisez_la_mise_en_cache_et_CDN\" >\u00c9tape 5: utilisez la mise en cache et CDN<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Bonus_assurez-vous_que_HTTP_2_est_pris_en_charge\" >Bonus: assurez-vous que HTTP \/ 2 est pris en charge<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blogging-techies.com\/fr\/comment-reduire-les-requetes-http-s-dans-wordpress\/#Derniers_mots\" >Derniers mots<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Voici une histoire que vous allez adorer si vous souhaitez acc\u00e9l\u00e9rer votre site WordPress. L&#39;autre jour, j&#39;ai construit un site Web g\u00e9nial. J&#39;ai fait de mon mieux et j&#39;ai ajout\u00e9 WooCommerce, Google Tag Manager, OneSignal, Helpdesk, Yoast, Radio en direct (oh oui, je l&#39;ai fait), Cookie Notice, les m\u00e9dias sociaux et des tonnes d&#39;autres plugins. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3925,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-3924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/3924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=3924"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/3924\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/3925"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=3924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=3924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=3924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}