Qu'est-ce que le cache et pourquoi cela rend un site plus rapide ?

Qu'est-ce que le cache ? Mettre en cache, c'est conserver un résultat pour ne pas devoir le recréer ou le récupérer à chaque fois. Sans cache, votre serveur reconstruit chaque page pour chaque visiteur, même si rien n'a changé ; avec un cache, le visiteur reçoit aussitôt le résultat conservé. Il existe cinq couches : le cache du navigateur, le cache d'un CDN, le cache de page, le cache d'objets et le cache d'opcode de PHP. Si une modification n'apparaît pas, vous regardez presque toujours l'une de ces couches.

Les cinq couches, du visiteur au serveur

• Cache du navigateur. Le navigateur du visiteur conserve localement les images, les feuilles de style et les scripts. Une deuxième page de votre site se charge ainsi beaucoup plus vite.
• Cache du CDN. Un CDN comme Cloudflare conserve des copies de vos fichiers sur des serveurs proches du visiteur. Par défaut, il s'agit des fichiers statiques comme les images, le CSS et le JavaScript, pas des pages elles-mêmes.
• Cache de page. La page HTML entièrement construite est conservée. PHP et la base de données n'interviennent plus pour le visiteur suivant. C'est ce qui rapporte le plus sur les sites qui changent peu. Avec WordPress, une extension de cache s'en charge.
• Cache d'objets. Les réponses de la base de données sont conservées en mémoire, généralement avec Redis ou Memcached. Cela aide surtout les sites très fréquentés et les boutiques en ligne, où les mêmes données sont demandées des centaines de fois par minute.
• Cache d'opcode. PHP traduit d'abord chaque script en instructions exécutables. OPcache garde cette traduction en mémoire, pour qu'elle ne soit pas refaite à chaque requête. Vous ne remarquez rien, sauf qu'un fichier PHP modifié n'est parfois actif qu'un peu plus tard.

« Je ne vois pas ma modification »

La confusion classique. Vous modifiez quelque chose, vous rechargez la page et rien ne change. N'en concluez pas que la modification a échoué : passez les couches en revue, de la plus proche à la plus éloignée :

1. Ouvrez la page dans une fenêtre de navigation privée. Cette fenêtre démarre sans fichiers conservés et sans session ouverte. Si vous y voyez la modification, c'était le cache de votre navigateur.
2. Forcez un rechargement complet : Ctrl+F5 sous Windows, Cmd+Shift+R sur un Mac. Le navigateur récupère alors à nouveau tous les fichiers de la page.
3. Videz le cache de page de votre CMS ou de votre extension de cache. Si vous voyez la modification une fois connecté mais pas dans la fenêtre privée, c'est presque à coup sûr la cause : les utilisateurs connectés ne reçoivent généralement pas de pages en cache.
4. Videz le cache du CDN si vous en utilisez un. Chez Cloudflare, vous pouvez purger une seule adresse ou tout.
5. Vous avez modifié une feuille de style ou un script ? Ce sont eux qui restent le plus longtemps, car les navigateurs peuvent les conserver des semaines. Donnez au fichier un nouveau numéro de version dans son nom ou après le point d'interrogation dans l'adresse ; chaque navigateur y voit alors un nouveau fichier.
6. Vérifiez que vous avez modifié le bon fichier. Une modification dans une copie ou dans un thème inactif ne devient jamais visible.

Quand vider le cache

• après une modification du design, du menu, du pied de page ou d'un widget, car ils figurent sur chaque page
• après une mise à jour du CMS, du thème ou d'une extension
• après un déménagement ou le passage à https, pour qu'aucune ancienne adresse ne subsiste dans les pages conservées

Une bonne extension de cache vide d'elle-même la page que vous modifiez. Vider tout le cache à chaque fois est contre-productif : le serveur doit ensuite reconstruire toutes les pages.

Ce que vous ne mettez jamais en cache

Les pages qui diffèrent d'un visiteur à l'autre : le panier, la caisse, le compte, et les formulaires dotés d'un jeton de sécurité. Si elles entrent dans le cache de page, un visiteur voit les données d'un autre, ou un formulaire ne fonctionne qu'une seule fois. Les extensions de cache excluent généralement d'elles-mêmes les pages standard de WooCommerce ; vérifiez-le après une réorganisation de votre boutique.

Erreurs fréquentes

• Deux extensions de cache côte à côte. Chacune conserve le résultat de l'autre, et le vidage n'est alors jamais complet. Choisissez-en une.
• Utiliser le cache pour masquer un site lent. Une page qui met huit secondes sans cache reste lente pour le premier visiteur et pour chaque client connecté. Cherchez d'abord la cause ; voir pourquoi mon site est soudain lent.

Pour WordPress, la démarche complète, dont le cache n'est qu'un élément, se trouve sur accélérer WordPress. La mesure de la vitesse est expliquée dans que sont les Core Web Vitals.

Questions fréquentes

Est-ce que je perds quelque chose en vidant le cache ?

Non. Le cache ne contient que des copies. Vos pages, vos images et votre base de données restent intactes ; les copies sont reconstruites à la visite suivante.

Comment vider le cache sur mon téléphone ?

Ouvrez la page dans un onglet de navigation privée : c'est le test le plus rapide. Pour vider réellement le cache, passez par les réglages du navigateur, sous confidentialité ou données de navigation. Inutile d'effacer aussi les cookies.

Le cache DNS, est-ce la même chose ?

Non. Le cache DNS retient vers quel serveur pointe votre nom de domaine, pas ce qui figure sur la page. Il ne joue qu'après un déménagement ou une modification DNS. Voir pourquoi une modification DNS prend parfois si longtemps.

Un petit site a-t-il besoin de cache ?

Le cache du navigateur et le cache d'opcode aident tous les sites, et ils sont généralement déjà actifs. Un cache de page est rentable dès que votre site tourne sur un CMS. Un cache d'objets n'a de sens qu'avec beaucoup de visiteurs, une boutique en ligne ou un espace membres.

Ça ne marche pas ?

Si une modification reste invisible une fois chaque couche vidée, envoyez-nous via contact l'adresse de la page et ce que vous avez modifié exactement.