---
title: "Guide : tout savoir sur la mise en cache WordPress"
date: "2022-05-15T12:28:58"
draft: false
slug: "comment-cache-wordress"
wordpress_id: 4960
excerpt: "Optimiser un site&nbsp;Web&nbsp;passe parfois par des modifications pour alléger le contenu, la réduction de la taille des fichiers&nbsp;(comme&hellip;\n"
featured_image: "https://www.mistergeek.net/wp-content/uploads/2022/05/wordpress-cache-1.png"
author: {"id":1,"name":"Kevin"}
categories: [{"id":14,"name":"Informatique","slug":"informatique"}]
tags: []
---

</p>
<hr class="wp-block-separator has-css-opacity"/>
</p>
<p>Optimiser un site&nbsp;Web&nbsp;passe parfois par des modifications pour alléger le contenu, la réduction de la taille des fichiers&nbsp;(comme les images ou le&nbsp;Javascript).&nbsp;Parfois, l’optimisation passe aussi par les logiciels et la façon dont sont traitées les requêtes.&nbsp;C’est de cette façon que le cache peut être utile.&nbsp;Le&nbsp;cache est une façon d’accélérer&nbsp;un site&nbsp;Web&nbsp;et permet de gagner de précieuses secondes sur le chargement de vos pages Web.&nbsp;</p>
</p>
<p>Bien utilisé, il permet aux utilisateurs de charger plus vite vos pages et réduit également la charge de calcul sur vos serveurs.&nbsp;Cet article vous propose de découvrir comment faire pour <strong>accélérer votre site&nbsp;avec un cache WordPress</strong>.</p>
</p>
<p><div id="ez-toc-container" class="ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction">
<p class="ez-toc-title" style="cursor:inherit">Table of Contents</p>
<label for="ez-toc-cssicon-toggle-item-68a33a6566224" class="ez-toc-cssicon-toggle-label"><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></label><input type="checkbox"  id="ez-toc-cssicon-toggle-item-68a33a6566224"  aria-label="Toggle" /><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-1" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Explication_sur_la_mise_en_cache_avec_WordPress" >Explication sur la mise en cache avec WordPress</a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-2" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Quand_faut-il_utiliser_un_cache_WordPress" >Quand faut-il utiliser un cache WordPress ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-3" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Pourquoi_utiliser_une_mise_en_cache" >Pourquoi utiliser une mise en cache ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-4" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Comparaison_avec_et_sans_mise_en_cache" >Comparaison : avec et sans mise en cache</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-5" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Test_de_vitesse_sans_cache" >Test de vitesse sans cache</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-6" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Test_de_vitesse_avec_cache" >Test de vitesse avec cache</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-7" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Conclusion_sur_les_tests_de_mise_en_cache" >Conclusion sur les tests de mise en cache</a></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class="ez-toc-link ez-toc-heading-8" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Quel_type_de_cache_utiliser" >Quel type de cache utiliser ?</a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-9" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Cache_Bytecode" >Cache Bytecode</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-10" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Cache_objet" >Cache objet</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-11" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Cache_de_page_plugins_de_cache" >Cache de page : plugins de cache</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-12" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Cache_de_page_CDN" >Cache de page : CDN</a></li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class="ez-toc-link ez-toc-heading-13" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Cache_de_page_reverse_proxy" >Cache de page : reverse proxy</a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class="ez-toc-link ez-toc-heading-14" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Comment_fonctionne_un_reverse_proxy" >Comment fonctionne un reverse proxy ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class="ez-toc-link ez-toc-heading-15" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Proxy" >Proxy</a></li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class="ez-toc-link ez-toc-heading-16" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Reverse_proxy" >Reverse proxy</a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class="ez-toc-link ez-toc-heading-17" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Quels_sont_les_serveurs_de_type_reverse_proxy_du_marche" >Quels sont les serveurs de type reverse proxy du marché ?</a></li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class="ez-toc-link ez-toc-heading-18" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#Pourquoi_faut-il_utiliser_un_reverse-proxy_sur_son_site_Web" >Pourquoi faut-il utiliser un reverse-proxy sur son site Web ?</a></li></ul></li></ul></li></ul></li></ul></li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class="ez-toc-link ez-toc-heading-19" href="https://www.mistergeek.net/informatique/comment-cache-wordress/#En_conclusion_sur_la_mise_en_cache_avec_WordPress" >En conclusion sur la mise en cache avec WordPress</a></li></ul></nav></div>

</p>
</p>
<h2 class="wp-block-heading"><span class="ez-toc-section" id="Explication_sur_la_mise_en_cache_avec_WordPress"></span>Explication sur la mise en cache avec WordPress<span class="ez-toc-section-end"></span></h2>
</p>
<p>Chaque page visitée&nbsp;sur&nbsp;votre site&nbsp;Web&nbsp;nécessite une&nbsp;(voire plusieurs requêtes)&nbsp;sur votre <a href="https://www.mistergeek.net/informatique/ipv6-serveur-scaleway-dedibox/">serveur</a>.&nbsp;Celui-ci traite la demande et le résultat est envoyé au navigateur de l&rsquo;utilisateur avant d&rsquo;être affiché.&nbsp;Étant donné que le serveur avec WordPress doit traiter toutes les demandes, il faut un certain temps pour que le résultat soit prêt.&nbsp;C&rsquo;est d&rsquo;autant plus vrai si vous avez un site&nbsp;Web&nbsp;avec beaucoup de données&nbsp;(avec des images, des articles, des vidéos, etc.). <strong>Plus il y a de choses à afficher à l&rsquo;écran et plus c&rsquo;est long.</strong></p>
</p>
<p>C&rsquo;est là que mettre en place un cache peut devenir utile.&nbsp;Le&nbsp;plugin&nbsp;ou le serveur de cache va stocker le résultat des requêtes traitées sur le disque dur ou en mémoire RAM&nbsp;(en fonction de la configuration souhaitée).&nbsp;Ainsi, vos pages se chargent beaucoup plus rapidement et toutes les requêtes n&rsquo;ont pas à passer par une étape de calcul par votre serveur.&nbsp;Pour faire bref, la mise en cache réduit la quantité de travail nécessaire pour générer un affichage de page.</p>
</p>
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Quand_faut-il_utiliser_un_cache_WordPress"></span>Quand faut-il utiliser un cache WordPress ?<span class="ez-toc-section-end"></span></h3>
</p>
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="450" src="https://www.mistergeek.net/wp-content/uploads/2022/05/wordpress.png" alt="" class="wp-image-4980" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/wordpress.png 800w, https://www.mistergeek.net/wp-content/uploads/2022/05/wordpress-300x169.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/wordpress-768x432.png 768w, https://www.mistergeek.net/wp-content/uploads/2022/05/wordpress-380x214.png 380w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</p>
<p>À quel moment dois-je utiliser un plugin de cache WordPress ? Cela fonctionne-t-il sur n&rsquo;importe quel site Web ? Quels sont les avantages de la mise en cache ?</p>
</p>
</p>
<p>Il est justifié de se poser ces questions .&nbsp;Ces interrogations peuvent peut-être vous guider dans le choix de la technologie à utiliser ou encore dans la façon d&rsquo;implémenter votre structure de cache.&nbsp;Que vous utilisiez votre propre serveur Web ou soyez sur un serveur mutualisé l&rsquo;ajout d&rsquo;un&nbsp;cache, apporte souvent des avantages. </p>
</p>
<p>Remarque : certains hébergeurs déploient déjà une solution de cache avec&nbsp;leurs services.&nbsp;C&rsquo;est par exemple le cas de&nbsp;WPServeur&nbsp;ou encore de&nbsp;Kinsta, et même&nbsp;de&nbsp;Cloudways.&nbsp;Très&nbsp;souvent, les&nbsp;hébergeurs qui proposent déjà des solutions de cache vous l&rsquo;indiqueront explicitement et il ne sera pas nécessaire&nbsp;(parfois même interdit)&nbsp;de rajouter des&nbsp;plugins&nbsp;ou des&nbsp;logiciels complémentaires.</p>
</p>
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Pourquoi_utiliser_une_mise_en_cache"></span>Pourquoi utiliser une mise en cache ?<span class="ez-toc-section-end"></span></h3>
</p>
<p>Que vous utilisiez une solution logicielle (ex. <a href="https://varnish-cache.org">Varnish</a>, Nginx, Nuster, etc.) ou des plugins, c&rsquo;est très souvent bénéfique de faire de la mise en cache. Qu&rsquo;est-ce que cela m&rsquo;apporte de faire de la mise en cache ?</p>
</p>
<ul class="wp-block-list">
<li><strong>Votre site est plus rapide</strong>. C&rsquo;est l&rsquo;argument que nous mettons en avant dans cet article, mais il est toujours bien de le répéter, car il s&rsquo;agit du principal avantage du cache.</li>
</p>
<li>L&rsquo;expérience est meilleure. Avoir un site Web qui se charge vite améliore la qualité de l&rsquo;expérience des utilisateurs et augmente la probabilité qu&rsquo;ils parcourent les pages.</li>
</p>
<li><strong>Votre serveur consomme moins de ressources</strong>. Lorsque vos pages sont en cache, les requêtes ne sont plus traitées par votre <a href="https://www.mistergeek.net/informatique/traduction-francaise-xenforo-2/">CMS</a> (ex. WordPress), votre base de données (DB) n&rsquo;est plus sollicitée. Cela induit une charge moindre sur votre serveur et peut amener une réduction de vos coûts d&rsquo;hébergement.</li>
</p>
<li><strong>Votre SEO se porte mieux</strong>. La vitesse de chargement des pages est un critère dans l&rsquo;optimisation de votre placement dans les résultats des moteurs de recherche. Losque les robots de Google, Bing ou encore DuckDuckGo parcourent votre site, ils seront en capacité de <em>crawler</em> plus profondément vos pages.</li>
</p>
<li><strong>Le TTFB (Time To First Byte) est réduit</strong> &#8211; temps entre la requête et le premier octet reçu par le navigateur du visiteur. Le TTFB est un indicateur qui permet de noter la rapidité d&rsquo;un site Web. Plus cette valeur est basse et moins l&rsquo;utilisateur patiente. Pour rappel, si une page ne se charge pas en moins de 3 secondes sur mobile, les utilisateurs quittent en grande majorité le site Web.</li>
</ul>
</p>
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Comparaison_avec_et_sans_mise_en_cache"></span>Comparaison : avec et sans mise en cache<span class="ez-toc-section-end"></span></h3>
</p>
<p><strong>Pour vous aider à comprendre le principe de mise en cache, nous avons effectué quelques tests sur un serveur Web avec WordPress pour que vous puissiez voir la différence.</strong></p>
</p>
<p>Nous utilisons Pingdom pour valider la performance du site Web et l&rsquo;inspecteur de code source du navigateur (ici Firefox). Nous pourrons avoir une indication du temps de chargement de la page dans sa globalité, mais aussi du temps nécessaire au traitement d&rsquo;une requête.</p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Test_de_vitesse_sans_cache"></span>Test de vitesse sans cache<span class="ez-toc-section-end"></span></h4>
</p>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="421" src="https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-1024x421.png" alt="Temps de chargement d'un site Web WordPress sans cache" class="wp-image-4963" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-1024x421.png 1024w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-300x123.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-768x316.png 768w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-1536x631.png 1536w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-380x156.png 380w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-800x329.png 800w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache-1160x477.png 1160w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-sans-cache.png 1586w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Le temps de chargement est de 1,36s sans mise en cache</figcaption></figure>
</p>
<p>En utilisant Pingdom et sans mise en cache, le temps de chargement de la page est de 1,36s. Ici, aucun cache n&rsquo;est utilisé avec WordPress. Le serveur Web reçoit la requête et la livre à Pingdom.</p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Test_de_vitesse_avec_cache"></span>Test de vitesse avec cache<span class="ez-toc-section-end"></span></h4>
</p>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="414" src="https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-1024x414.png" alt="Temps de chargement d'un site Web WordPress avec plugin de cache et reverse proxy" class="wp-image-4964" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-1024x414.png 1024w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-300x121.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-768x310.png 768w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-1536x621.png 1536w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-380x154.png 380w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-800x323.png 800w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache-1160x469.png 1160w, https://www.mistergeek.net/wp-content/uploads/2022/05/test-vitesse-chargement-avec-cache.png 1544w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</p>
<p>En activant la mise en cache avec un plugin WordPress et un <em>reverse proxy</em> Nginx, le temps de chargement est de 309ms.</p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Conclusion_sur_les_tests_de_mise_en_cache"></span>Conclusion sur les tests de mise en cache<span class="ez-toc-section-end"></span></h4>
</p>
<p>Activer la mise en cache, la compression et la réduction des ressources dans les plugins de cache permet d&rsquo;avoir moins de requêtes et de charge sur le serveur Web. Le résultat est sans appel, le site est 4 fois plus rapide.</p>
</p>
<h3 class="wp-block-heading"><span class="ez-toc-section" id="Quel_type_de_cache_utiliser"></span>Quel type de cache utiliser ?<span class="ez-toc-section-end"></span></h3>
</p>
<p>Il existe plusieurs méthodes pour faire de la mise en cache. Si vous gérez votre propre serveur ou si vous utilisez un hébergement mutualisé, vous pouvez vous tourner vers les plugins pour WordPress. Si vous avez la responsabilité de votre serveur Web et de <a href="https://www.mistergeek.net/informatique/format-flac/">son</a> administration, vous pouvez vous tourner vers un second type de cache, celui du serveur Web (ou du <em>reverse proxy</em>). Vous pouvez aussi utiliser un CDN pour faire office de cache et décharger la livraison de vos ressources sur un prestataire (ex. BunnyCDN).</p>
</p>
<p>Il existe aussi différentes méthodes de mise en cache. Il y a par exemple le <em>cache bytecode</em>, le <em>cache objet</em>, le cache de page ou le cache par CDN.</p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cache_Bytecode"></span>Cache Bytecode<span class="ez-toc-section-end"></span></h4>
</p>
<p>Le cache <em>Bytecode </em>stocke le code compilé de votre <a href="https://www.mistergeek.net/informatique/dns66-bloquer-la-publicite-sur-android/">application</a> (ex. PHP avec WordPress), afin que la requête suivante réutilise le code compilé existant. Lorsqu’un script PHP est traité, il doit être compilé en un code opérationnel (« <em>bytecode</em> » ou « <em>opcode</em>« ) lisible par la machine. OPCache est par exemple embarqué dans PHP et réalise cette fonction. OPcache stocke le code compilé pour l&rsquo;utiliser à nouveau lors de la nouvelle requête. L&rsquo;utilisation d&rsquo;OPcache améliore l&rsquo;efficacité de PHP, mais les changements dans le code source demandent à ce que le cache soit invalidé.</p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cache_objet"></span>Cache objet<span class="ez-toc-section-end"></span></h4>
</p>
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="642" height="336" src="https://www.mistergeek.net/wp-content/uploads/2022/05/redis.png" alt="Logo de Redis" class="wp-image-4977" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/redis.png 642w, https://www.mistergeek.net/wp-content/uploads/2022/05/redis-300x157.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/redis-380x199.png 380w" sizes="auto, (max-width: 642px) 100vw, 642px" /><figcaption class="wp-element-caption">Redis est un exemple de logiciel de cache objet</figcaption></figure>
</p>
<p>Le cache objet stocke les résultats des requêtes de la base de données de telle sorte qu&rsquo;ils soient accessibles plus vite (en mémoire RAM par exemple). Lors d&rsquo;une requête sur votre site Web, votre application va interroger le cache objet si les données existent déjà. Le but est d&rsquo;éviter que la base de données ne soit sollicitée. Certaines extensions comme W3 Total Cache supportent la mise en cache d&rsquo;objets. Il est aussi possible d&rsquo;utiliser un plugin en plus de Redis pour cet usage.</p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cache_de_page_plugins_de_cache"></span>Cache de page : plugins de cache<span class="ez-toc-section-end"></span></h4>
</p>
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="720" height="360" src="https://www.mistergeek.net/wp-content/uploads/2022/05/wpsupercacheico.png" alt="WP Super Cache : plugin de compression et de cache WordPress" class="wp-image-4978" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/wpsupercacheico.png 720w, https://www.mistergeek.net/wp-content/uploads/2022/05/wpsupercacheico-300x150.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/wpsupercacheico-380x190.png 380w" sizes="auto, (max-width: 720px) 100vw, 720px" /><figcaption class="wp-element-caption">WP Super Cache est un plugin de mise en cache WordPress</figcaption></figure>
</p>
<p>Certains sont plus accessibles que d&rsquo;autres, mais tous ont de très bonne critiques sur le <em>store</em> officiel de WordPress. Beaucoup d&rsquo;articles comparent les plugins de cache pour WordPress, mais le choix est très souvent une question personnelle des administrateurs.</p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cache_de_page_CDN"></span>Cache de page : CDN<span class="ez-toc-section-end"></span></h4>
</p>
<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn-1024x511.jpg" alt="BunnyCDN : CDN pour la mise en cache de site Web" class="wp-image-4967" width="800" height="399" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn-1024x511.jpg 1024w, https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn-300x150.jpg 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn-768x383.jpg 768w, https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn-380x190.jpg 380w, https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn-800x399.jpg 800w, https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn-1160x579.jpg 1160w, https://www.mistergeek.net/wp-content/uploads/2022/05/bunnycdn.jpg 1280w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Un CDN est une méthode de mise en cache parfaite pour les gros sites Web</figcaption></figure>
</p>
<p>Un CDN (<em>Content Delivery Network</em>) qu&rsquo;il soit fait maison ou externalisé est un <a href="https://www.mistergeek.net/streaming/amazon-prime-video/">service</a> qui a pour objectif de stocker vos données au plus près de vos clients. <strong>Le CDN stocke vos pages Web et ressources sur ses serveurs dans plusieurs pays pour les délivrer quand vos utilisateurs en ont besoin.</strong></p>
</p>
<h4 class="wp-block-heading"><span class="ez-toc-section" id="Cache_de_page_reverse_proxy"></span>Cache de page : reverse proxy<span class="ez-toc-section-end"></span></h4>
</p>
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="710" height="300" src="https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-cache.png" alt="Varnish Cache : mise en cache de page Web" class="wp-image-4968" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-cache.png 710w, https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-cache-300x127.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-cache-380x161.png 380w" sizes="auto, (max-width: 710px) 100vw, 710px" /><figcaption class="wp-element-caption">Varnish Cache est un reverse proxy pour la mise en cache de site Web</figcaption></figure>
</p>
<p>Le serveur Web est le logiciel qui communique avec le navigateur de vos visiteurs il est parfois surmonté d&rsquo;un <em>reverse proxy</em> qui dans le cas de sites Web à fort trafic va basculer les requêtes de vos clients sur différents serveurs. <strong>Le <em>reverse proxy</em> peut très souvent être configuré pour faire de la mise en cache. C&rsquo;est par exemple le cas de Varnish ou de Nginx</strong>.</p>
</p>
<h5 class="wp-block-heading"><span class="ez-toc-section" id="Comment_fonctionne_un_reverse_proxy"></span>Comment fonctionne un reverse proxy ?<span class="ez-toc-section-end"></span></h5>
</p>
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="287" src="https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-flowchart.png" alt="Principe de mise en cache avec reverse proxy" class="wp-image-4969" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-flowchart.png 800w, https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-flowchart-300x108.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-flowchart-768x276.png 768w, https://www.mistergeek.net/wp-content/uploads/2022/05/varnish-flowchart-380x136.png 380w" sizes="auto, (max-width: 800px) 100vw, 800px" /><figcaption class="wp-element-caption">Un reverse proxy collecte les requêtes des clients pour les mettre en cache</figcaption></figure>
</p>
</p>
<p>Pour comprendre ce qu&rsquo;est un reverse proxy (« proxy inverse » en français) et sa fonction dans un environnement de serveur Web, il faut en premier lieu se familiariser avec les termes qui s&rsquo;y rapportent. Pour cela, faisons un petit paragraphe de définitions.</p>
</p>
<h5 class="wp-block-heading"><span class="ez-toc-section" id="Proxy"></span>Proxy<span class="ez-toc-section-end"></span></h5>
</p>
<p>Un proxy est un logiciel qui fait office d&rsquo;intermédiaire et se place entre deux hôtes pour surveiller, anonymiser, nettoyer ou encore optimiser les échanges. Lorsque vous naviguez sur le Web avec un nom de domaine ou un lien, votre navigateur se connecte à un serveur Web et récupère les ressources pour les traiter et les afficher.</p>
</p>
<p>Lorsque vous souhaitez anonymiser vos requêtes Web, vous pouvez utiliser un serveur proxy. Celui-ci téléchargera les ressources avant de vous les envoyer. Vous êtes alors complètement masqué par le serveur proxy qui agit comme une façade pour le site Web final.</p>
</p>
<p>Un exemple de serveur proxy (aussi nommé « <em>forward proxy</em>« ) est celui qui est mis en place par les entreprises pour bloquer l’accès de leurs employés à certains sites (comme les réseaux sociaux).</p>
</p>
<h5 class="wp-block-heading"><span class="ez-toc-section" id="Reverse_proxy"></span>Reverse proxy<span class="ez-toc-section-end"></span></h5>
</p>
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="512" src="https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-1024x512.png" alt="Reverse proxy Nginx" class="wp-image-4982" srcset="https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-1024x512.png 1024w, https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-300x150.png 300w, https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-768x384.png 768w, https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-1536x768.png 1536w, https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-380x190.png 380w, https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-800x400.png 800w, https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy-1160x580.png 1160w, https://www.mistergeek.net/wp-content/uploads/2022/05/nginx-reverse-proxy.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Nginx agit peut-être configuré en reverse proxy</figcaption></figure>
</p>
<p>Le <em>reverse proxy</em> est le logiciel intermédiaire qui fait le lien entre Internet et le serveur Web. Il agit comme une façade et est le point d&rsquo;entrée de toutes les requêtes envoyées au site Web. De plus, il existe, non pas pour protéger ou anonymiser les requêtes des utilisateurs sur Internet, mais pour apporter des fonctions supplémentaires au serveur Web. En l’occurrence, il agrège les requêtes des clients avant de les transférer à un ou plusieurs serveurs. </p>
</p>
<p>Par exemple, le <em>reverse proxy</em> peut selon le contexte se charger de nettoyer les requêtes ou de mettre en cache les pages des serveurs Web pour les délivrer plus vite. C&rsquo;est l&rsquo;administrateur du <em>reverse proxy</em> qui définit la politique qu&rsquo;il souhaite avoir.</p>
</p>
<h6 class="wp-block-heading"><span class="ez-toc-section" id="Quels_sont_les_serveurs_de_type_reverse_proxy_du_marche"></span>Quels sont les serveurs de type reverse proxy du marché ?<span class="ez-toc-section-end"></span></h6>
</p>
<p>Les reverse proxy les plus utilisé sur le marché sont :</p>
</p>
<ul class="wp-block-list">
<li>Varnish</li>
</p>
<li>Nginx</li>
</p>
<li>Apache</li>
</p>
<li>Squid</li>
</p>
<li>IIS</li>
</p>
<li>Lighttpd</li>
</p>
<li>F5 BIG-IP</li>
</p>
<li>HAProxy</li>
</p>
<li>Nuster</li>
</p>
<li>Traefik</li>
</p>
<li>Caddy</li>
</ul>
</p>
<p>Dans cette liste, certains ont parfois aussi la fonction de serveur Web, c&rsquo;est par exemple le cas de <a href="/informatique">Nginx</a>.</p>
</p>
<h6 class="wp-block-heading"><span class="ez-toc-section" id="Pourquoi_faut-il_utiliser_un_reverse-proxy_sur_son_site_Web"></span>Pourquoi faut-il utiliser un reverse-proxy sur son site Web ?<span class="ez-toc-section-end"></span></h6>
</p>
<p>Plusieurs raisons peuvent vous pousser à utiliser reverse proxy. Nous avons compilé plusieurs avantages ci-après.</p>
</p>
<ul class="wp-block-list">
<li><a href="https://www.mistergeek.net/vpn/nordvpn/">Sécurité</a> : un <em>reverse proxy</em> peut protéger votre serveur Web des attaques avec des règles supplémentaires. Les pirates qui essayent de scanner votre serveur Web auront moins d&rsquo;informations sur celui-ci.</li>
</p>
<li>Résolution SSL/TLS : Le reverse proxy peut agir comme un point de terminaison des requêtes HTTPS et négocier les certificats avec le navigateur de vos clients. Ces requêtes sont alors converties en HTTP sur le serveur Web. Vous libérez alors votre serveur Web de la gestion des certificats et celui-ci peut alors s&rsquo;occuper d&rsquo;actions supplémentaires comme le traitement de votre page Web.</li>
</p>
<li>Administration centralisée des certificats : grâce au <em>reverse proxy</em> vous pouvez placer toutes vos configurations sur un même serveur et réduire le temps passé à maintenir chaque serveur Web.</li>
</p>
<li>La compression : le <em>reverse proxy</em> peut se charger de compresser les ressources de votre site Web avant de les envoyer aux clients.</li>
</p>
<li>Mise en cache : vous pouvez configurer votre reverse proxy pour mettre en cache vos pages et faire en sorte de ne fournir que du contenu statique quand cela est possible. Il y a alors moins de requêtes vers le serveur et votre application Web (ex. WordPress) et vos pages seront plus rapides.</li>
</ul>
</p>
<h2 class="wp-block-heading"><span class="ez-toc-section" id="En_conclusion_sur_la_mise_en_cache_avec_WordPress"></span>En conclusion sur la mise en cache avec WordPress<span class="ez-toc-section-end"></span></h2>
</p>
<p>Il existe beaucoup de méthodes (parfois complémentaires les unes des autres) pour <strong>mettre en cache un site Web et réduire le temps de chargement</strong>. Que cela soit sur <strong>WordPress ou non, il est possible d&rsquo;utiliser des plugins, des fonctions de cache, des prestataires ou même des logiciels</strong>.</p>
</p>
<p>Dans ce premier article sur&nbsp;le&nbsp;cache, nous avons abordé ce qu&rsquo;est la mise en cache et avons abordé beaucoup de méthodes.&nbsp;Dans un prochain&nbsp;article, nous&nbsp;entrerons plus en détail dans la mise en&nbsp;œuvre&nbsp;d&rsquo;un&nbsp;cache avec reverse&nbsp;proxy&nbsp;avec&nbsp;Varnish, mais aussi avec&nbsp;Nginx.</p></p>
