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 le CloudFlare ne sauve pas HTML Cache, mais il est possible d'activer cette fonction et d'obtenir une vitesse beaucoup plus grande et presque instantanée dans le chargement de votre page. Sachez simplement que cette fonction peut bogue certains thèmes et choses sur le site, alors faites 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
L'une des petites erreurs que j'ai remarquées est que si vous le laissez activé wp-admin de WordPress, vous risquez d'ouvrir un éditeur de code ou un article obsolète et de le sauvegarder. Mettez toujours à jour la page une deuxième fois ou videz le cache avant de la modifier.
Un autre problème est que parfois la barre d'administration WordPress n'apparaît pas. Cela ne m'est pas arrivé, mais si pour une raison quelconque la barre wp-admin s'affiche pour les personnes qui ne sont pas connectées, désactivez-la simplement via un code sur 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 les problèmes avec votre Wp-Admin, vous pouvez désactiver le cache HTML en créant une autre règle spécifique pour la pièce /wp-admin/ du site Web. Vous pouvez donc utiliser le cache HTML dans L'extrémité avant 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 règles de page. Malheureusement, si vous activez HTML Cache, ce problème se reproduit é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.
L'activation du cache HTML de votre site vous aidera à obtenir plus de 90 sur PageSpeed. En nous rappelant que nous avons fait un article parlant comme objectif 90+ sur mobile avec Adsense.
