Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Comment forcer Cloudflare à mettre en cache vos pages HTML

Peu de gens le savent, mais par défaut Cloudflare met en cache uniquement les fichiers images, CSS et JavaScript. Ne comptez donc pas dessus pour mettre vos pages HTML en cache… Ça explique aussi pourquoi lorsque votre site est en carafe, vous voyez quelque chose comme ça :

Capture d'écran 2015-10-12 17.01.54

Et pas votre site mis en cache.

Alors que faire ?

En passant, je ne sais pas si vous avez vu mais l’hébergeur Hostinger propose des offres super intéressantes en matière d’hébergement web. C’est pas trop cher pour démarrer et s’auto-héberger. (Lien affilié)

Et bien pour forcer la mise en cache des pages HTML présentes sur votre serveur, il faut créer ce qui s’appelle des « Page Rules ». Comme vous pouvez le voir ci-dessous, j’ai donc forcé les URLs suivantes pour le html :

*example.com/*
*example.com/*.html

Capture d'écran 2015-10-12 17.01.13

Et en Custom Caching, j’ai mis « Cache everything ».

Capture d'écran 2015-10-12 17.10.55

Et pour empêcher de mettre en cache la partie admin de WordPress, il faut ajouter ceci en précisant le contournement du cache (bypassing)

*example.com/wp-admin*

Capture d'écran 2015-10-12 17.09.47

Et voilà ! Vous verrez, la charge de votre serveur va grandement diminuer 🙂


Les articles du moment