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 :

Et pas votre site mis en cache.

Alors que faire ?

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

Et en Custom Caching, j'ai mis "Cache everything".

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*

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

Cet article merveilleux et sans aucun égal intitulé : Comment forcer Cloudflare à mettre en cache vos pages HTML ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.