Cloudflare est un type de CDN gratuit pour protéger votre serveur contre les attaques et rendre votre site Web plus rapide et avec un cache plus robuste. Dans cet article, nous vous apprendrons étape par étape comment améliorer encore votre vitesse avec Cloudflare HTML Cache.
Nativement, CloudFlare ne conserve pas le cache HTML, mais il est possible d'activer cette fonction et d'obtenir une vitesse de chargement de votre page beaucoup plus élevée et presque instantanée. Sachez simplement que cette fonction peut causer des bugs avec certains thèmes et éléments du site, donc effectuez des tests avant de l'activer.
Activation du cache HTML CloudFlare
Pour activer HTML Cache dans Cloudflare, accédez simplement à l'onglet Règles de page dans votre panneau CloudFlare et créez une nouvelle règle qui couvre tous les domaines ou sous-domaines, sélectionnez Niveau de cache et choisissez l'option Tout mettre en cache. Ajoutez simplement comme dans l'image ci-dessous:
En faisant cela, il suffit de sauvegarder et d'effacer le cache CloudFlare pour appliquer les nouvelles règles, maintenant votre site Web fonctionnera avec le cache HTML et chargera les pages presque instantanément.
Problèmes de cache HTML Cloudflare
Une des petites erreurs que j'ai remarquées est que si vous laissez activé dans le wp-admin de WordPress, il y a le risque d'ouvrir un éditeur de code ou un article obsolète et de l'enregistrer. C'est pourquoi il est toujours recommandé de rafraîchir la page une deuxième fois ou de vider le cache avant de l'éditer.
Un autre problème est que parfois la barre d'administration de WordPress n'apparaît pas. Cela ne m'est pas arrivé, mais si pour une raison quelconque la barre wp-admin apparaît pour des personnes non connectées, il suffit de la désactiver via un code dans le function.php.
Malgré ces petits sacrifices, je pense qu'il vaut la peine d'activer le cache HTML, votre site est beaucoup plus rapide. Peut-être qu'avec quelques paramètres et en ajoutant des exceptions aux règles de page, vous pourrez utiliser cette fonction sans aucun problème.
Pour éviter des problèmes dans votre Wp-Admin, vous pouvez désactiver le Cache HTML en créant une autre règle spécifique pour la partie /wp-admin/ du site. Ainsi, vous pouvez utiliser le Cache de HTML sur le Frontend sans aucun problème.
Résolution du problème 301
Nous avons précédemment écrit un problème lié à la redirection 301 qui peut également être résolu avec des Page Rules. Malheureusement, si vous activez le Cache HTML, ce problème revient également.
Une alternative consiste à activer le cache HTML uniquement dans sa version HTTPS sans WWW. ce qui est une chose facile à faire, mais je crois que vous omettez vos sous-domaines. Étant donné que la version gratuite de CloudFlare n'autorise que 3 règles de page actives, nous vous recommandons de l'utiliser à bon escient.
Activer le cache HTML de votre site vous aidera à obtenir un 90+ sur PageSpeed. Rappelons que nous avons fait un article expliquant comment obtenir 90+ sur mobile avec Adsense.
