Voici comment y rem\u00e9dier.<\/p>\n
Comment forcer l’affichage des mises \u00e0 jour de conception<\/h2>\n
Comme je l’ai mentionn\u00e9 dans l’introduction, le probl\u00e8me tourne autour de la mise en cache.<\/p>\n
Il y a jusqu’\u00e0 quatre niveaux diff\u00e9rents de mise en cache qui doivent \u00eatre trait\u00e9s, alors passons en revue les \u00e9tapes maintenant.<\/p>\n
Videz le cache de votre navigateur<\/h3>\n
Si vous ne voyez pas les modifications que vous apportez, le probl\u00e8me peut \u00eatre la mise en cache du navigateur.<\/p>\n
Pour tester cette hypoth\u00e8se, visitez votre site Web et effectuez une actualisation mat\u00e9rielle qui forcera le navigateur \u00e0 charger une copie non mise en cache de la page.<\/p>\n
- \n
- Si vous \u00eates sur un ordinateur Windows, appuyez sur ctrl+F5<\/strong><\/li>\n
- Pour les Mac utilisant Chrome ou Firefox, appuyez sur cmd+maj+r<\/strong><\/li>\n
- Pour les utilisateurs de Safari, appuyez sur option+cmd+e<\/strong><\/li>\n<\/ul>\n
Si cela fonctionne, cela signifie qu’une ancienne copie de la page a \u00e9t\u00e9 mise en cache dans votre navigateur et que votre site devrait s’afficher comme pr\u00e9vu maintenant.<\/p>\n
Videz le cache de votre site avec un plugin<\/h3>\n
Si vous n’utilisez aucun plugin de mise en cache, vous pouvez ignorer cette \u00e9tape.<\/p>\n
Les plugins de mise en cache sont presque toujours la source de ce probl\u00e8me.<\/p>\n
Un indicateur clair que les plugins de mise en cache sont \u00e0 bl\u00e2mer est le moment o\u00f9 vous pouvez voir vos modifications lorsque vous \u00eates connect\u00e9, mais pas lorsque vous \u00eates d\u00e9connect\u00e9.<\/p>\n
Si vous avez un plugin comme WP Super Cache, WP Rocket<\/a>, W3 Total Cache ou tout autre plugin de mise en cache, utilisez son option int\u00e9gr\u00e9e pour vider le cache.<\/p>\n
Il devrait y avoir un seul bouton sur lequel vous pouvez cliquer pour vider le cache, comme celui-ci dans WP Super Cache.<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-185883-61701efcaeff2.png\")
<\/a><\/p>\nUne fois que vous avez vid\u00e9 le cache, un moyen rapide de voir si cela a fonctionn\u00e9 consiste \u00e0 ouvrir un onglet de navigateur priv\u00e9 et \u00e0 visiter votre site Web. C’est plus rapide que de se connecter et de se d\u00e9connecter. Si vous pouvez voir vos modifications de conception dans la fen\u00eatre du navigateur priv\u00e9, le probl\u00e8me est r\u00e9solu.<\/p>\n
Si vous vous d\u00e9connectez de votre site et que vous ne voyez toujours pas vos modifications, essayez \u00e0 nouveau de vider le cache de votre navigateur \u00e0 l’aide des raccourcis r\u00e9pertori\u00e9s ci-dessus.<\/p>\n
Si vous n’avez toujours pas progress\u00e9, cela signifie que vous pouvez afficher des fichiers mis en cache \u00e0 partir de votre CDN.<\/p>\n
Vider le cache CDN<\/h3>\n
Si vous n’utilisez pas de CDN, vous pouvez ignorer cette \u00e9tape.<\/p>\n
Si vous utilisez un CDN comme MaxCDN ou Cloudflare, il est possible que les caches de votre navigateur et de votre site aient \u00e9t\u00e9 effac\u00e9s, mais le cache CDN sert toujours une copie obsol\u00e8te du site.<\/p>\n
Vous devriez avoir une option simple quelque part dans le tableau de bord d’administration de votre CDN o\u00f9 vous pouvez effacer le cache. Par exemple, Cloudflare a ces boutons pour vider le cache\u00a0:<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-185883-61701efeb6bcd.png\")
<\/a><\/p>\nPour que cela fonctionne, vous devrez peut-\u00eatre vider votre cache CDN, puis vider le cache de votre site avec un plugin, puis vider le cache du navigateur, dans cet ordre.<\/p>\n
Si vous essayez ceci et que vous ne voyez toujours pas vos modifications, essayez cette derni\u00e8re \u00e9tape.<\/p>\n
V\u00e9rifiez votre h\u00f4te pour les options de mise en cache<\/h3>\n
De nos jours, de nombreuses soci\u00e9t\u00e9s d’h\u00e9bergement incluent leurs propres options de mise en cache. Il est possible que vous vous soyez inscrit sans le savoir et c’est pourquoi vous ne pouvez pas trouver la source de la mise en cache.<\/p>\n
Il existe de nombreuses soci\u00e9t\u00e9s d’h\u00e9bergement, je ne peux donc pas fournir d’emplacement exact pour cette option, mais vous devez vous connecter \u00e0 votre compte d’h\u00e9bergement et effectuer une analyse rapide pour toutes les options de mise en cache.<\/p>\n
Certains h\u00f4tes, comme Kinsta<\/a>, placeront<\/a> une option de suppression du cache directement dans le tableau de bord de l’administrateur WP.<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-185883-61701f00f114b.png\")
<\/a><\/p>\nJe sais que Bluehost dispose \u00e9galement d’une fonction de mise en cache, et vous pouvez purger le cache avec cette option dans la barre d’outils d’administration\u00a0:<\/p>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-185883-61701f02b27ca.png\")
<\/a><\/p>\nIl existe des centaines d’h\u00e9bergeurs Web pour WordPress, je ne peux donc pas fournir de captures d’\u00e9cran pour tous, mais v\u00e9rifiez aupr\u00e8s de votre h\u00e9bergeur pour voir s’il dispose d’une fonction de mise en cache qui emp\u00eache l’affichage de vos nouvelles mises \u00e0 jour.<\/p>\n
Revoir les \u00e9tapes<\/h3>\n
Pour r\u00e9sumer les \u00e9tapes, voici ce que vous pouvez faire pour que vos modifications s’affichent sur votre site WordPress :<\/p>\n
- \n
- Videz le cache de votre CDN<\/li>\n
- Videz le cache de votre site avec la fonction de mise en cache de votre h\u00e9bergeur<\/li>\n
- Videz le cache de votre site avec votre plugin de mise en cache<\/li>\n
- Videz le cache de votre navigateur<\/li>\n<\/ol>\n
L’ex\u00e9cution de ces \u00e9tapes dans cet ordre devrait fonctionner chaque fois que vous devez obtenir une mise \u00e0 jour de la conception \u00e0 afficher sur le front-end de votre site.<\/p>\n
Pourquoi cela arrive-t-il m\u00eame?<\/h2>\n
J’ai saut\u00e9 une explication des m\u00e9canismes sous-jacents de ce probl\u00e8me afin que vous puissiez trouver la solution tout de suite, mais si vous ne voulez pas r\u00e9p\u00e9ter les m\u00eames erreurs, voici quelques informations suppl\u00e9mentaires.<\/p>\n
Quel est l’int\u00e9r\u00eat de la mise en cache ?<\/h3>\n
Les sites Web utilisent la mise en cache car elle am\u00e9liore<\/a> consid\u00e9rablement les temps de chargement<\/a>. En termes simples, la mise en cache enregistre une copie de votre site et fournit cette copie aux visiteurs.<\/p>\n
\u00c0 titre d’exemple, je pourrais vous demander \u00ab\u00a0qu’est-ce que 59\u00a0x\u00a059\u00a0?\u00a0\u00bb et vous devrez utiliser une calculatrice pour g\u00e9n\u00e9rer une r\u00e9ponse. Vous ex\u00e9cuteriez un processus pour trouver la r\u00e9ponse est 3\u00a0481. Si je vous posais la m\u00eame question juste apr\u00e8s, vous pouvez imm\u00e9diatement me dire que la r\u00e9ponse est 3 481 sans relancer le processus de calcul car vous avez enregistr\u00e9 ce nombre dans votre m\u00e9moire.<\/p>\n
La mise en cache utilise une copie enregistr\u00e9e de votre site afin qu’il n’ait pas \u00e0 ex\u00e9cuter le processus d’origine requis pour g\u00e9n\u00e9rer le site \u00e0 chaque visite. Ce serait comme utiliser une calculatrice pour r\u00e9soudre la m\u00eame \u00e9quation encore et encore au lieu de la reformuler imm\u00e9diatement de m\u00e9moire.<\/p>\n
Avec cette analogie, lorsque vous personnalisez votre site Web, c’est comme changer le calcul en quelque chose d’autre, comme 33 \u00d7 59, par exemple. Le cache continue d’utiliser la r\u00e9ponse enregistr\u00e9e qui est 3 481 au lieu de la nouvelle r\u00e9ponse. Tout ce que vous avez \u00e0 faire est de vider le cache et il ex\u00e9cutera le processus depuis le d\u00e9but, obtiendra la bonne r\u00e9ponse, puis enregistrera (cache) cette nouvelle r\u00e9ponse.<\/p>\n
La mise en cache est extr\u00eamement ennuyeuse lorsque vous ne comprenez pas ce concept sous-jacent, mais cela fonctionne de mani\u00e8re tr\u00e8s fiable une fois que cela est compris.<\/p>\n
Pourquoi cela n’a-t-il affect\u00e9 que moi ?<\/h3>\n
Si vous pouviez voir vos nouvelles modifications mais pas vos visiteurs, c’est parce que vous \u00e9tiez connect\u00e9. Les plugins de mise en cache ne chargent presque jamais la version mise en cache du site pour les utilisateurs WordPress connect\u00e9s.<\/p>\n
La version mise en cache de votre site n’est pas charg\u00e9e pour vous en tant qu’administrateur, vous pouvez donc tout voir \u00e0 jour \u00e0 tout moment. Sinon, cela pourrait \u00eatre extr\u00eamement d\u00e9routant et probl\u00e9matique, en particulier \u00e0 l’int\u00e9rieur du tableau de bord. Bien s\u00fbr, cela cause d’autres probl\u00e8mes comme celui qui vous a amen\u00e9 \u00e0 ce post aujourd’hui.<\/p>\n
Dois-je vider mon cache apr\u00e8s chaque modification que j’apporte ?<\/h3>\n
Pas exactement. Cela d\u00e9pend de ce que vous avez chang\u00e9.<\/p>\n
En g\u00e9n\u00e9ral, tout ce que vous modifiez dans l’\u00e9diteur de publication ne sera pas un probl\u00e8me. Par exemple, si vous mettez \u00e0 jour un article avec du nouveau texte et de nouvelles images, vous n’aurez pas besoin de vider votre cache pour que ces modifications apparaissent.<\/p>\n
C’est vrai parce que la plupart des plugins de mise en cache comprennent le fonctionnement de WordPress. Lorsque vous mettez \u00e0 jour une publication, le plugin efface le cache de cette publication afin que les mises \u00e0 jour puissent appara\u00eetre.<\/p>\n
D’un autre c\u00f4t\u00e9, lorsque vous apportez des modifications via le Live Customizer, vous devrez probablement vider votre cache.<\/p>\n
De plus, si vous ajoutez ou supprimez des plugins de votre site, ou modifiez des th\u00e8mes, vous devrez \u00e9galement vider votre cache pour afficher ces mises \u00e0 jour.<\/p>\n
Pr\u00e9venir d’autres probl\u00e8mes et ennuis<\/h2>\n
Cet article est devenu plus long que pr\u00e9vu, alors permettez-moi de conclure avec une pens\u00e9e d’adieu.<\/p>\n
Maintenant que vous comprenez comment fonctionne la mise en cache et pourquoi les sites Web utilisent la mise en cache en premier lieu, vous ne serez plus perturb\u00e9 par ce probl\u00e8me \u00e0 l’avenir.<\/p>\n
Mais qu’en est-il de la prochaine erreur? Comment pouvez-vous \u00e9viter la frustration et le Google-ing fr\u00e9n\u00e9tique qui accompagne un tout nouveau probl\u00e8me WordPress ?<\/p>\n
J’ai mis en place un guide tr\u00e8s d\u00e9taill\u00e9 pour r\u00e9soudre ce probl\u00e8me exact:<\/p>\n
- Pour les Mac utilisant Chrome ou Firefox, appuyez sur cmd+maj+r<\/strong><\/li>\n