Logo ChrisTec 212px

Accueil » Cloudflaire cache everything sur Wordpress avec Super Page Cache for Cloudflare

Cloudflaire cache everything sur Wordpress avec Super Page Cache for Cloudflare

Écrit par Chris

1 février 2023

À consulter en cas de problème d'affichage ou de mauvais fonctionnement du site.

Si vous rencontrez un problème sur le site ( problème d’affichage, boutons des réseaux sociaux qui ne s’affiches pas, la zone des commentaires ne s’affiche pas ou d’autres problèmes) c’est peut-être à cause d’une extension de votre navigateur. Certaines extensions peuvent provoquer ce genre de problème, en particulier les bloqueurs de pub.

Si vous rencontrez les problèmes cités ci-dessus ou d’autres problèmes, veuillez mettre le site en liste blanche dans les bloqueurs de pub que vous utilisez et vérifié que vous n’utilisez pas d’autres applications susceptibles de bloquer certaines fonctionnalités du site.

image Le Doogee S98 avec une caméra à double écran et vision nocturne 01

Diminuez le temps de chargement de vos pages sur votre site web

Super Page Cache for Cloudflare est un puissant plugin de mise en cache pour WordPress qui peut améliorer considérablement les performances de votre site Web. Ce plugin utilise la puissance du réseau mondial de Cloudflare pour mettre en cache des pages HTML entières à la périphérie de leur réseau, réduisant ainsi la charge sur vos serveurs d’origine et accélérant le temps de chargement des pages pour les visiteurs. Dans cet article, nous allons explorer comment utiliser le plugin Super Page Cache for Cloudflare pour améliorer les performances de votre site WordPress en utilisant l’option « Cache Everything ».

Cloudflare propose une fonctionnalité appelée « Cache Everything » qui met en cache toutes les ressources statiques d’un site Web, y compris HTML, CSS, JavaScript, images et autres fichiers. Cela permet à Cloudflare de servir ces ressources directement à partir de son cache, réduisant ainsi la charge sur le serveur d’origine et améliorant les performances du site Web. L’utilisation de « Cache Everything » peut entraîner une amélioration significative des performances des sites Web.

 Créer un compte Cloudflare

La première étape de l’utilisation de Super Page Cache for Cloudflare consiste à créer un compte Cloudflare si ce n’est pas déjà fait et à configurer votre domaine pour qu’il pointe vers les serveurs de Cloudflare.

Une fois cela fait, vous pouvez installer le plugin Super Page Cache for Cloudflare sur votre site WordPress. Après l’installation, vous serez invité à saisir vos identifiants d’API Cloudflare, qui se trouvent dans le tableau de bord Cloudflare.

Super Page Cache
Super Page Cache
Développeur: Themeisle
Prix: Gratuit
  • Super Page Cache Capture d'écran
  • Super Page Cache Capture d'écran
  • Super Page Cache Capture d'écran
  • Super Page Cache Capture d'écran
  • Super Page Cache Capture d'écran
  • Super Page Cache Capture d'écran
  • Super Page Cache Capture d'écran

 Configurer les paramètres de Super Page Cache

Une fois le plugin installé et configuré, vous pouvez commencer à configurer les paramètres de mise en cache en fonction de vos besoins. L’un des principaux avantages de l’utilisation de Super Page Cache for Cloudflare est qu’il peut être utilisé pour mettre en cache des pages rarement mises à jour, telles que des articles de blog, des pages de produits et des pages de destination.

Cela signifie que même si un visiteur demande une page qui n’a pas été consultée depuis un certain temps, la version en cache de cette page lui sera servie, plutôt que d’avoir à générer une nouvelle version sur votre serveur d’origine. Cela peut économiser une quantité importante de ressources serveur et réduire la charge sur votre site Web.

 Les paramètres conseillés

Il n’y a pas de paramètres spécifiques qui conviendraient à tous les sites utilisant le plugin WordPress Super Page Cache for Cloudflare, car cela dépendra de la taille et de la complexité de votre site ainsi que de vos besoins en matière de performance. Cependant, voici quelques paramètres généraux que vous pouvez considérer pour optimiser l’utilisation de ce plugin.

Il est important de noter qu’avant d’apporter des modifications au code de votre site Web, il est toujours judicieux de créer une sauvegarde de votre site. Et il est toujours recommandé de tester les modifications sur un environnement de développement ou de test avant de les appliquer à un environnement de production.

G

Contourner la mise en cache

Dans les paramètres du plug-in, vous pouvez configurer le délai d’expiration du cache, qui correspond à la durée pendant laquelle une page mise en cache sera stockée avant d’être régénérée. Vous pouvez également configurer le plugin pour contourner la mise en cache pour certaines pages ou groupes d’utilisateurs.

Par exemple, vous souhaiterez peut-être contourner la mise en cache pour les pages qui contiennent du contenu dynamique, comme un panier ou des pages de compte d’utilisateur. Si vous utilisez le thème DIVI, ajouter ceci dans (Prevent the following URIs to be cached) :

Code

Je vous conseille également de forcer le contournement du cache pour le backend avec une règle de page Cloudflare supplémentaire en activant cette fonctionnalité ci-dessous.

G

Vider le cache

Une autre fonctionnalité du plugin Super Page Cache for Cloudflare est la possibilité de vider le cache de pages spécifiques ou de l’ensemble du site Web. Cela peut être utile si vous apportez des modifications à une page et souhaitez que les modifications soient reflétées immédiatement, sans avoir à attendre le délai d’expiration du cache.

G

Mise en cache de secours

Il s’agit d’un cache de pages traditionnel sur disque, mais qui suit les mêmes règles que le cache sur Cloudflare définit avec ce plugin. C’est très utile lorsque Cloudflare décide de sa propre initiative d’invalider quelques pages de son cache. Grâce à cette fonction, vous n’aurez plus besoin d’utiliser d’autres fonctions de mise en cache de pages d’autres plugins.

Cela vous permettra de supprimer un plugin de cache. Cependant Super Page Cache for Cloudflare ne permet pas de faire de l’optimisation côté serveur comme de la minification ou du chargement différé, etc. Je conseille donc d’utiliser un plugin d’optimisation comme Perfmeter avec Super Page Cache for Cloudflare.

G

Mises en cache du navigateur

Cette option est utile si vous souhaitez utiliser Super Page Cache for Cloudflare pour activer les règles de mise en cache du navigateur pour des actifs tels que des images, des CSS, des scripts, etc. Cela fonctionne automatiquement si vous utilisez Apache comme serveur Web ou comme serveur Web principal. Je vous conseille d’activer cette option, cela améliorera grandement la vitesse de chargement de votre site.

Il est important de noter que ces paramètres sont des recommandations générales et que vous devrez peut-être les ajuster en fonction de vos besoins spécifiques. Il est donc recommandé de tester différents paramètres et de surveiller les performances de votre site pour trouver les meilleurs paramètres pour votre site.

 Les paramètres avancés

Les paramètres avancés recommandés pour Super Page Cache dépendent de la configuration spécifique de votre site Web et de vos besoins en matière de performance.

Il est important de tester et de surveiller les performances de votre site après avoir modifié ces paramètres pour vous assurer que les modifications sont bénéfiques pour votre site. Voici cependant quelques-uns des paramètres les plus couramment recommandés.

G

Le préchargement

Enable preloader vous permet d’activer le préchargement, je vous conseille de l’activer. Activer également (Automatically preload the pages you have purged from Cloudflare cache with this plugin).

Le préchargement est une fonctionnalité proposée par Cloudflare qui vous permet de mettre en cache des pages avant qu’elles ne soient demandées. Cela peut aider à accélérer le temps de chargement de votre site Web et à améliorer l’expérience utilisateur.

Notez que le préchargement peut augmenter la charge sur votre serveur, il est donc important de surveiller les performances de votre site Web et d’ajuster les paramètres si nécessaire.

Choisissez les éléments à précharger. Cocher toutes les cases, si cela surcharge votre site décocher des éléments. Vous pouvez également précharger à partir d’un sitemaps. Pour terminer, il est également possible de précharger via cronjob.

G

Varnish et OPcache

Ces options vous seront utiles uniquement si vous utilisez Varnish et OPcache. Si vous ne les utilisez pas, lésez-les sur NO. Varnish est un logiciel accélérateur HTTP open source couramment utilisé comme proxy inverse de mise en cache. Il se situe entre le client et un serveur Web, interceptant les requêtes et mettant en cache les réponses pour réduire la charge sur le serveur et améliorer les performances du site Web.

OPcache (anciennement connu sous le nom de Zend Optimizer +) est un cache d’opcode PHP open source inclus dans PHP depuis la version 5.5.0.

Il aide à accélérer l’exécution des scripts PHP en mettant en cache le bytecode compilé en mémoire, réduisant ainsi la surcharge d’analyse et de compilation du code pour chaque requête. Cela peut entraîner une amélioration significative des performances du site Web et du temps de réponse. 

G

Prélecture automatique des URL

Les 2 dernières options que je vous conseille d’utiliser se trouvent dans l’onglet (Autre). Il s’agit de l’option (Auto prefetch URLs in viewport). La prélecture automatique est une technique utilisée pour charger et mettre en cache des ressources en arrière-plan avant qu’elles ne soient réellement nécessaires.

Cela peut aider à améliorer le temps de chargement et les performances globales d’un site Web en réduisant le temps nécessaire pour récupérer les ressources lorsqu’elles sont demandées.

(Auto prefetch URLs in viewport) fais spécifiquement référence à la pratique de prélecture automatique des ressources pour les URL qui se trouvent dans la fenêtre d’affichage actuelle de l’appareil de l’utilisateur. Ceci est fait afin d’accélérer le temps de chargement de ces ressources lorsque l’utilisateur y accède.

Activer également (Auto prefetch URLs on mouse hover) cela fait spécifiquement référence à la pratique de prélecture automatique des ressources pour les URL lorsque l’utilisateur survole un lien avec sa souris. Ceci est fait afin d’accélérer le temps de chargement de ces ressources lorsque l’utilisateur clique sur le lien et accède à la ressource.

 Supprimer le paramètre de requête Cache Buster

Le plugin Super Page Cache for Cloudflare a récemment ajouté la fonctionnalité permettant d’utiliser « Cache Everything » sans utiliser le paramètre de ?swcfpc=1. Cela ouvre tellement de nouvelles portes, les utilisateurs devaient auparavant utiliser les Cloudflare Workers pour supprimer le cache buster.

Avec cette nouvelle option, les utilisateurs peuvent désormais profiter de « Cache Everything » et passer au niveau supérieur en utilisant les nouveaux ensembles de règles publiés par Cloudflare. Fondamentalement, cela est réalisé en tirant parti de la toute nouvelle fonctionnalité de règle de cache mise en œuvre par Cloudflare.

G

Étape 1 : Configuration des règles de cache dans votre tableau de bord Cloudflare

La première chose que vous devez faire est de vous connectée à votre Dahsbord Cloudflare et d’accéder au domaine/zone du site où vous configurez le plugin Super Page Cache for Cloudflare. Ensuite, dans les menus de gauche, accédez à Caching > Cache Rules.

Ensuite, dans la page Règles de cache, cliquez sur le bouton (créer une règle). Puis enfin sur la page (Create Cache Rule), cliquez sur (modifier l’expression). Il est maintenant temps de créer toutes les règles de cache dont nous avons besoin… Alors, commençons…

C

Règle 1 ➜ Contournement du cache - Chemins d'administration WP, API WooCommerce, points de terminaison de l'API EDD

Nom de la règle : ajoutez ce qui suit dans la section « Nom de la règle » : Cache Bypass – WP Admin Paths, WooCommerce API, EDD API Endpoints 

Expression de règle : ajoutez l’expression suivante dans la section Générateur d’expression.

État du cache : réglez-le sur Bypass Cache.

Code

C

Règle 2 ➜ Contournement du cache - Fichiers XML, XSL et PHP

Nom de la règle : ajoutez ce qui suit dans la section « Nom de la règle » : Cache Bypass – XML, XSL & PHP Files 

Expression de règle : ajoutez l’expression suivante dans la section Générateur d’expression.

État du cache : réglez-le sur Bypass Cache.

Code

C

Règle 3 ➜ Contournement du cache - Cookies de contournement par défaut

Nom de la règle : ajoutez ce qui suit dans la section « Nom de la règle » : Cache Bypass – Default Bypass Cookies

Expression de règle : ajoutez l’expression suivante dans la section Générateur d’expression.

État du cache : réglez-le sur Bypass Cache.

Code

C

Règle 4 ➜ Mettre en cache les requêtes éligibles et ignorer les paramètres de requête de cacheKey

Nom de la règle : ajoutez ce qui suit dans la section « Nom de la règle » : Cache Bypass –  Requests & Ignore Query Params from cacheKey 

Expression de règle : ajoutez l’expression suivante dans la section Générateur d’expression.

État du cache : réglez-le sur Eligible for cache.

Code

État du cache : réglez-le sur Eligible for cache. 

Clé de cache : 

Dans cette section activez les options suivantes :

  • Armure contre les tromperie de cache
  • Ignorer la chaîne de requête
  • Ignorer l’ordre de la chaîne de requête

Enfin, la règle de cache devrait ressembler à ceci :

Une fois que vous avez ajouté cette quatrième règle de cache, Cloudflare ignorera simplement les chaînes de requête lors de la vérification du contenu mis en cache. Ainsi, si vous entrez https://example.com/some-page/?fbcid=123&foo=bar&something=test, Cloudflare ignorera simplement la ?fbcid=123&foo=bar&something=testpartie et vérifiera si  https://example.com/some-page/ est mise en cache, si c’est le cas, renverra le contenu mis en cache.

Dans la plupart des sites Web, cela ne causera aucun problème en raison des règles que nous avons créées ci-dessus, mais si votre site Web dépend des paramètres de requête, après avoir implémenté cette règle, veuillez tester votre site Web de manière approfondie pour vous assurer que tout fonctionne comme prévu.

G

Étape 2 - Activer Remove Cache Buster Query dans les paramètres du plugin et purger l'intégralité du cache Cloudflare

Dans les paramètres du plugin Super Page Cache for Cloudflare, accédez à l’onglet « Autre » et faites défiler vers le bas. Vous verrez une option nommée Remove Cache Buster Query Parameter. Activez cette option et enregistrez les paramètres du plugin. Ensuite, tout ce que vous avez à faire est de vous assurer que vous avez tout purgé de force du cache Cloudflare.

Vous disposez maintenant de la mise en cache de page de niveau CDN Cloudflare avec la règle de page « Cache Everything » sans aucun paramètre de requête de contournement de cache (par exemple ?swcfpc=1).

De plus, si vous avez ajouté la quatrième règle de cache, votre ratio HIT de cache augmentera également considérablement, car Cloudflare ignorera désormais les chaînes de requête lors de la vérification si l’URL est déjà mise en cache.

PS : Assurez-vous d’avoir activé le Smart Tiered Cache dans votre tableau de bord Cloudflare pour obtenir le taux de cache HIT le plus élevé.

 CDN et Pare-feu Cloudflare

En plus de la mise en cache, le plug-in Super Page Cache for Cloudflare peut être utilisé en combinaison avec d’autres fonctionnalités de Cloudflare, telles qu’un réseau de diffusion de contenu (CDN) et un pare-feu d’application Web (WAF), pour améliorer encore les performances et la sécurité du site Web.

En tirant parti de la puissance du réseau mondial de Cloudflare, votre site Web pourra gérer plus de trafic et offrir une expérience plus rapide aux visiteurs.

La fonction Content Delivery Network (CDN) de Cloudflare permet à votre site Web d’être servi à partir d’un emplacement plus proche de vos visiteurs, ce qui réduit le temps de chargement des pages.

La fonctionnalité Web Application Firewall (WAF) fournit une couche de sécurité supplémentaire pour votre site Web, le protégeant des attaques Web courantes telles que l’injection SQL et les scripts intersites.

Looks de Series et Films

Look de Tony Stark dans Avengers Infinity War (Veste et Lunettes)

Arborer le look de Tony Stark, le génie, milliardaire, play-boy, philanthrope de Marvel. Avec une veste de sport à capuche, et une paire de lunette de soleil. Interprété par Robert Downey Jr dans le film Avengers: Infinity War.

Look de « Black Widow » Natasha Romanoff dans Avengers Infinity War (Combinaison et Veste)

Arborer le look de (Black Widow) Natasha Romanoff en combinaison, veste de qualité exceptionnelle et bote en cuir, interprété par Scarlett Johansson dans le filme Avengers Infinity War. Le costume comprend une combinaison, un gilet, une ceinture, un étui, des coudières, des poignets, des gants, des épaulières et une carapace.

Look du Todd dans la serie Scrubs ( bandana et blouse chirurgicale )

Arborer le look de du Todd en blouse chirurgicale, et bandana Surgical Caps Flames, interprété par Robert Maschio dans la série Scrubs.

Look de Olivia Dunham dans la série Fringe (Veste en cuir, Jeans, Ceinture)

Arborer le look de Olivia Dunham en jeans Hudson Petite Signature Boot Cut, ceinture en cuir noir et veste en cuir noir, interprété par Anna Torv dans la série Fringe.

Look de « Black Widow » Natasha Romanoff Captain America Civil War ( jeans, Veste et bottes )

Arborer le look de (Black Widow) Natasha Romanoff en jeans J Brand, veste en Polyester et bote en cuir de couleur marron, interprété par Scarlett Johansson dans le filme Captain America Civil War.

Look combinaison Dharma dans Lost

Arborer le look d’un ouvrier de l’entreprise Dharma Initiative avec cette combinaison *sur mesure* dans la série Lost.

Look de Captain America dans Avengers ( Bouclier )

Arborer le look de super-héros de Captain America avec son bouclier interprété par Chris Evans dans le film Avengers.

Look de Matt Murdock dans daredevil ( lunettes avec châssis argenté et lentille rouge )

Arborer le look de Matt Murdock avec les lunettes a lentille rouge et châssis argenté, interprété par Charlie Cox dans la série Daredevil.

Annonces

Communauté

  • gghenri4
  • William
  • jeffneisse
  • Kmmsms
  • Fourmix
  • Galley Marketplace
  • matthieu
  • Valeur intrinseque
  • Thomas
  • YARGA
  • chunlyapsara
  • gghenri4
  • Maitre Vodou Igba
  • Smile Business
  • martinez
  • Michel Vuillamy
  • concourfun
  • leproton
  • stephaneregnier537b38beee
  • Richard Taitot
  • Seux
  • Letizia Sandro
  • dimodiro
  • seth
  • Dabrowski maxime
  • Isabelle De Jesus
  • nansi mohmoud
  • fredo62260
  • AbdullahWaseem
  • Marc Bonhomme
  • Alita
  • wilsonsom
  • film streaming
  • Eric Arendt
  • François
  • Alexandra
  • Dada Mansehinto
  • Mounredeme
  • VISTA IPTV
  • VivArt+GADISQO
  • Making The Road - Blog de Voyages
  • Colin.F
  • TheDogGod
  • Xav
  • losmontes
  • Jenifer
  • sajid ali
  • Vanessa
  • RETH
  • Ligicaa

Catégories

Archives

Infomanik

Infomaniak

Infomaniak permet de créer un site facilement avec WordPress et plus de 100 thèmes professionnels faciles à adapter. Votre site est facile à gérer, évolutif et rapide.

Ihopestar

Hopestar

Hopestar est un fournisseur de produits technologiques en développement. Leurs moniteurs apportent une technologie d’affichage de pointe de haute qualité.

Surfshark VPN

Surfshark VPN

Surfshark est un VPN primé et sécurisé qui chiffre vos données en ligne pour vous aider à rester anonyme et protégé, tous les jours, sans tracas à un prix imbattable.

Bons Plans

Bons Plans

Bons plans Amazon répertoriés sur ChrisTec. Vous y trouverez tous les codes promos disponibles, les coupons de réductions, et toutes les ventes flash.

Mac Way

Mac Way

Spécialiste de l'univers Apple depuis 30 ans, MacWay occupe la 1ère place du place du classement des meilleurs marchands en ligne en 2020.

Nord VPN

Nord VPN

NordVPN est un réseau virtuel privé, proposant un ensemble d’excellentes fonctionnalités intégrées à un client astucieux qui sécurise vos activités en ligne.

Test complet de la airfryer Proscenic T22 : Silencieuse et polyvalente en cuisine

Les appareils électroménagers connectés deviennent de plus en plus populaires, et les friteuses à air ne font pas exception. La airfryer Proscenic T22 se distingue comme une option connectée qui allie modernité et efficacité. Alliant technologie de pointe, design élégant et fonctionnalités intelligentes, elle promet de transformer votre expérience culinaire quotidienne.

Test du souffleur-aspirateur électrique haute vitesse Ulanzi : La solution de nettoyage 2-en-1 ultime

Le souffleur/aspirateur électrique haute vitesse Ulanzi offrant une solution efficace, puissante et portable à tous vos problèmes de dépoussiérage. Avec une vitesse maximale de 100 000 tours par minute (tr/min), ce dispositif innovant 2-en-1 combine les fonctions de souffleur et d’aspirateur.

Black Friday Geekbuying 2024 : Profitez des Offres Incomparables

Le Black Friday est de retour, et cette année, Geekbuying frappe fort avec des remises exceptionnelles, des codes promos irrésistibles, et des offres spéciales sur une large gamme de produits technologiques.

Test d’une coque pour iPhone avec un écran E-Ink intégré : Révolution ou gadget ?

Dans un monde où la personnalisation et la technologie convergent de plus en plus, la coque pour iPhone 16 Pro Max équipée d’un écran E-Ink et de la technologie NFC fait sensation. Dans cet article, je teste cette coque intelligente pour savoir si elle vaut vraiment la peine d’être adoptée.

Chk – Le meilleur raccourcisseur d’URL et créateur de QR code gratuit par Infomaniak

Chk d’Infomaniak se distingue par sa simplicité, sa facilité d’utilisation et ses fonctionnalités avancées. Il propose une combinaison unique d’un raccourcisseur d’URL et d’un générateur de code QR, le tout sur une plateforme centralisée.

Guide Ultime pour le Festival du 11 Novembre 2024 sur Geekbuying : Offres et Astuces

Le festival du 11 novembre est devenu une célébration incontournable pour les amateurs de bonnes affaires et les fans de shopping en ligne. Avec des promotions exclusives et des remises spectaculaires, cet événement annuel est l’occasion idéale pour se procurer des produits high-tech, de l’équipement pour la maison, et bien plus encore, à des prix imbattables.

Test du ONEXGPU le hub eGPU avec une carte graphique Radeon RX 7600M XT

Dans cet article, je vous propose un déballage du ONEXGPU, une évaluation technique détaillée, et une série de tests de performance, y compris des benchmarks. Alors, plongeons ensemble dans cette revue approfondie ! Spoiler, les résultats sont convaincants, et dans certains cas, assez surprenants.

Geekom GT1 Mega – Le nouveau Mini PC surpuissant

Le Geekom GT1 Mega n’est pas qu’un simple mini PC; c’est une centrale de puissance optimisée par l’intelligence artificielle, dotée d’une connectivité inégalée, et d’une capacité de refroidissement révolutionnaire. Découvrons en détail les caractéristiques qui font du Geekom GT1 Mega un modèle à ne pas manquer.

Conclusion

Merci pour la lecture de cet article

En conclusion, Super Page Cache for Cloudflare est un excellent plugin pour les utilisateurs de WordPress qui cherchent à améliorer les performances de leur site Web. Avec sa capacité à mettre en cache les pages rarement mises à jour, ainsi que sa capacité à être utilisé conjointement avec d’autres fonctionnalités de Cloudflare, ce plugin peut aider à réduire considérablement la charge du serveur et à améliorer la vitesse à laquelle les pages se chargent pour les visiteurs. En suivant les étapes décrites dans cet article, vous pouvez configurer le plugin en fonction de vos besoins et profiter des nombreux avantages qu’il a à offrir en particulier  « Cache Everything ». Si vous avez d’autres astuces, n’hésitez pas à m’en faire part dans l’espace commentaire juste en dessous. Quant à moi, je vous dis à bientôt pour de nouveaux tutos sur ChrisTec.

Logo infomaniak bleu

Les 8 derniers articles publiés sur le site