Ă 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.
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.
 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.
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.
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.
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.
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.
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.
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.Â
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.
Ă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âŠ
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
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
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
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.
Ă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
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.
Les 8 derniers articles publiés sur le site
Les 3 derniers articles liés
Test du PODOFO A3372 – Apple Carplay, Android Auto et Android 13 dans votre voiture
Bienvenue dans cet article de test qui sera consacrĂ© Ă l’Ă©cran pour voiture Podofo A3372. Cet Ă©cran qui va vous permettre d’ajouter Android 13 Apple Carplay ou Android Auto dans votre voiture sans avoir besoin de raccorder votre tĂ©lĂ©phone avec un fil.
Test du Wanbo X5, voici pourquoi ce vidéoprojecteur est incontournable !
Le nouveau projecteur Wanbo X5 se démarque par son innovation remarquable. Offrant une luminosité et un contraste de 1 100 lumens ANSI, il garantit une expérience visuelle hors pair. Dans cet article nous allons voir si ce vidéoprojecteur tient toutes ses promesses.
Test du graveur laser Mecpow X3 Pro 10W – Pour pros et dĂ©butant
Je suis ravi de vous prĂ©senter le Mecpow X3 Pro, un module graveur laser dotĂ© d’une zone de gravure extensible, offrant un excellent rapport qualitĂ©-prix. Il est Ă©quipĂ© d’une pompe pour l’air assist et de moteurs pas Ă pas de haute prĂ©cision.
Commentaires récents