Tout savoir sur le cache : les différents caches, comment les vider

Si vous débu­tez dans le web, vous avez peut-être déjà enten­du la fameuse phrase “vide ton cache”, sans vrai­ment savoir ce que ça veut dire ou com­ment ça fonc­tionne 🤔. Dans cet article, je vais vous pré­sen­ter les dif­fé­rents types de caches qui existent et pour­quoi ils peuvent par­fois vous com­pli­quer la vie, sur­tout quand vous tra­vaillez sur votre site.

C’est quoi le cache ?

Le cache, c’est comme une sorte de mémoire tem­po­raire qui per­met de sto­cker des infor­ma­tions pour les réuti­li­ser rapi­de­ment plus tard. Le but du cache est de rendre la navi­ga­tion sur inter­net plus rapide, en évi­tant de télé­char­ger à chaque fois les mêmes fichiers. Par exemple, quand vous retour­nez sur un site que vous avez déjà visi­té, cer­taines images ou pages sont char­gées plus rapi­de­ment grâce au cache.

Mais ce qui est pra­tique peut aus­si deve­nir un pro­blème quand vous modi­fiez un site et que vous ne voyez pas les chan­ge­ments tout de suite 😤, car votre cache de navi­ga­teur ou d’autres couches de cache vous montrent une ver­sion « ancienne » de votre site.

Voyons ensemble quels types de cache existent 😉.

Les différents types de caches

Le cache du navigateur

Le cache du navi­ga­teur est pro­ba­ble­ment le plus connu. Quand vous visi­tez un site, votre navi­ga­teur (Chrome, Fire­fox, Edge, etc.) garde en mémoire cer­tains fichiers comme des images, des scripts, ou des feuilles de style CSS. Il enre­gistre ces fichiers dans un dos­sier de votre ordi­na­teur. Cela per­met d’ac­cé­lé­rer le char­ge­ment de la page lorsque vous accé­dez à nou­veau à ce même site si le conte­nu n’a pas changé.

Le cache de page

C’est un type de cache géné­ré via le CMS (comme Word­Press, Joom­la ou Dru­pal), grâce à des exten­sions. Le prin­cipe est simple : au lieu de recal­cu­ler la page à chaque visite, le ser­veur affiche une ver­sion HTML sta­tique de la page, tant que son conte­nu n’a pas chan­gé ou jus­qu’à ce qu’il expire, selon les réglages. Résul­tat : moins de charge ser­veur, plus de rapidité ⚡

Atten­tion : le cache de page, sur un site de ges­tion de membres (ins­crip­tions, connexions, conte­nus per­son­na­li­sés…), doit être géré avec beau­coup d’attention.

Sur Word­Press, des exten­sions comme WP Rocket ou W3 Total Cache gèrent ce type de cache. Elles peuvent aus­si com­pres­ser les fichiers, com­bi­ner les scripts et pré­char­ger les pages.

Le cache Objet

C’est un cache moins connu, mais vous en avez peut-être enten­du par­lé si vous uti­li­sez Word­Press, car depuis la ver­sion 6.1, publiée en novembre 2022, dans l’Ou­til de San­té du site, il peut y avoir une alerte sur le sujet.

Le cache objet vous per­met de mettre en cache des requêtes qui sont faites à la base de don­nées. Grâce à ce cache, vous allez éco­no­mi­ser des res­sources côté ser­veur, car il y aura moins d’al­ler et retours entre la requête de l’in­ter­naute et la base de don­nées de votre site. Cela peut aus­si amé­lio­rer la flui­di­té au niveau de l’in­ter­face d’ad­mi­nis­tra­tion du site. 

C’est sur­tout inté­res­sant si vous avez une forte affluence sur votre site et/ou si vous uti­li­sez Woo­Com­merce par exemple. Atten­tion : tout comme avec le cache de page, sur un site de ges­tion de membres, cela doit être géré avec beau­coup d’at­ten­tion, vous pou­vez avoir des effets de bord.

Vous pou­vez faci­le­ment acti­ver le cache Objet chez o2switch en pas­sant par WPTi­ger, toute la doc est ici 👈

Le cache du serveur

Le cache ser­veur est uti­li­sé par le ser­veur sur lequel est héber­gé votre site web. Il garde une copie de cer­taines pages pour évi­ter de les recréer à chaque requête. C’est par­ti­cu­liè­re­ment utile pour les sites ayant beau­coup de visites, car cela réduit la charge du ser­veur et amé­liore la rapi­di­té. Donc là, ça se passe chez votre héber­geur web si jamais il le propose.

🚀 Chez o2switch, vous avez la pos­si­bi­li­té d’ac­ti­ver soit le cache Var­nish, soit le cache Lites­peed.

À noter : LiteS­peed Cache est une tech­no­lo­gie hybride, qui com­bine le cache de page et le cache ser­veur. Pra­tique et redou­ta­ble­ment efficace.

Le cache DNS

Quand vous tapez une adresse comme mon​-super​-site​.fr dans votre navi­ga­teur, ce der­nier a besoin de savoir à quelle adresse IP il doit se connec­ter (un peu comme cher­cher l’adresse d’un ami dans un annuaire 📖). C’est là que le DNS entre en jeu : il fait le lien entre le nom de domaine et l’adresse IP du ser­veur ; ce que l’on appelle la réso­lu­tion DNS.

Mais faire cette requête DNS à chaque fois, c’est looong… Du coup, votre sys­tème (navi­ga­teur, ordi­na­teur, box inter­net, FAI…) garde en mémoire les réso­lu­tions DNS récentes. C’est ce qu’on appelle le cache DNS 🧠. Il évite de refaire le même tra­jet pour rien, ce qui accé­lère un peu le pre­mier contact avec un site.

Ce cache peut par­fois jouer des tours, par exemple après un chan­ge­ment d’hébergement ou de confi­gu­ra­tion DNS. Si votre site pointe tou­jours vers l’ancienne IP chez cer­tains uti­li­sa­teurs, c’est sou­vent à cause d’un cache DNS trop tenace. Dans ce cas, vous pou­vez essayer de vider le cache DNS de votre ordi­na­teur avec une com­mande, allez dans votre ter­mi­nal et tapez :

1. Sur Win­dows : ipcon­fig /flushdns
2. Sur macOS : sudo dsca­cheu­til ‑flu­sh­cache ; sudo killall ‑HUP mDNSResponder

Le cache CDN (Content Delivery Network)

Un CDN (Content Deli­ve­ry Net­work), c’est un réseau de ser­veurs répar­tis un peu par­tout dans le monde🌍. Son rôle ? Rap­pro­cher le conte­nu de votre site des visi­teurs, où qu’ils soient. Plu­tôt que de faire un aller-retour jusqu’à votre ser­veur prin­ci­pal à chaque demande, le CDN sert cer­tains fichiers depuis un ser­veur situé géo­gra­phi­que­ment plus proche de l’utilisateur. Résul­tat : c’est plus rapide, plus fluide… et votre ser­veur d’origine res­pire un peu 😌

Le cache CDN concerne sur­tout les fichiers sta­tiques : images, feuilles de style CSS, scripts JS, polices web… Ces élé­ments sont mis en cache direc­te­ment dans les ser­veurs du CDN, et peuvent être ser­vis des mil­liers de fois sans jamais sol­li­ci­ter ton héber­ge­ment. Un gros plus pour les sites à fort tra­fic ou avec un public international 🚀

Le cache de ton Fournisseur d’Accès Internet (FAI)

Eh oui, votre FAI (Orange, Free, Bouygues, SFR…) peut lui aus­si mettre en cache cer­taines infor­ma­tions, notam­ment au niveau du DNS. L’idée, c’est de réduire la charge sur ses ser­veurs et d’accélérer un peu les temps de réponse pour tous ses abon­nés. Mais par­fois, ce cache peut deve­nir un peu trop “col­lant” : par exemple, après un chan­ge­ment d’IP ou une modi­fi­ca­tion DNS, votre site met un cer­tain temps à se pro­pa­ger cor­rec­te­ment, même si tout est bon ailleurs 🧩

Dans ces cas-là, vous pou­vez essayer deux petites astuces pour contour­ner tem­po­rai­re­ment ce cache :

🔁 Redé­mar­rer votre modem/routeur : ça force par­fois la mise à jour des infos DNS côté FAI.
🌐 Chan­ger de ser­veurs DNS sur votre appa­reil, en optant pour des DNS publics comme ceux de Google (8.8.8.8) ou Cloud­flare (1.1.1.1). C’est sou­vent la solu­tion la plus efficace.

👉 Voi­ci com­ment modi­fier les DNS selon votre sys­tème d’exploitation :

Windows :

1. Allez dans le « Pan­neau de configuration ».
2. Cli­quez sur « Centre Réseau et partage ».
3. Sélec­tion­nez « Modi­fier les para­mètres de la carte ».
4. Faites un clic droit sur votre connexion réseau active et choi­sis­sez « Propriétés ».
5. Sélec­tion­nez « Pro­to­cole Inter­net ver­sion 4 (TCP/IPv4) » puis cli­quez sur « Propriétés ».
6. Dans cette fenêtre, vous pou­vez spé­ci­fier les ser­veurs DNS que vous sou­hai­tez utiliser.

macOS :

1. Cli­quez sur l’i­cône Apple en haut à gauche et choi­sis­sez « Pré­fé­rences Système ».
2. Allez dans « Réseau ».
3. Sélec­tion­nez la connexion réseau que vous uti­li­sez (Wi-Fi ou Ethernet).
4. Cli­quez sur « Avan­cé », puis va dans l’on­glet « DNS ».
5. Vous pou­vez ajou­ter ou modi­fier les ser­veurs DNS en cli­quant sur le bouton « + ».

Linux (Ubuntu) :

1. Cli­quez sur l’i­cône réseau en haut à droite et choi­sis « Para­mètres réseau ».
2. Sélec­tion­nez la connexion active (Wi-Fi ou Ethernet).
3. Cli­quez sur l’i­cône d’en­gre­nage pour accé­der aux paramètres.
4. Allez dans l’on­glet « IPv4 » et vous pour­rez modi­fier les ser­veurs DNS.

Conclusion

En résu­mé : le cache, votre meilleur ami… sauf quand il vous joue des tours 😅

Le cache, c’est super pour amé­lio­rer les per­for­mances, mais quand vous tra­vaillez sur votre site, savoir quel cache vider selon la situa­tion, c’est essen­tiel pour évi­ter de tour­ner en rond. Voi­ci un petit mémo bien pratique :

Main­te­nant, la pro­chaine fois que quelqu’un vous dit “vide ton cache”, vous sau­rez exac­te­ment de quoi il parle — et sur­tout quel cache vider 😉.

Pho­to de l’i­mage mise en avant : mer­ci à Jus­tin Morgan