La mise en cache remplace ce processus par l\u2019envoi d\u2019un fichier HTML statique au navigateur, raccourcissant ainsi les d\u00e9lais de chargement.<\/em><\/p>\n\n\n\n
Techniquement, tout ce qui vient d\u2019\u00eatre d\u00e9crit est correct. N\u00e9anmoins, pour la plupart des gens, cela reste assez obscur, et \u00e7a ne vous aide pas \u00e0 comprendre la mani\u00e8re dont la mise en cache fonctionne. <\/p>\n\n\n\n
Mise en cache : une vue d\u2019ensemble <\/h2>\n\n\n\n
L\u2019une des meilleures explications de la mise en cache que j\u2019aie entendues \u00e9tait lors d\u2019une conf\u00e9rence \u00e0 un WordCamp (j\u2019aimerais me souvenir du nom du speaker pour pouvoir le cr\u00e9diter comme il faut). <\/p>\n\n\n\n
Le speaker a demand\u00e9 \u00e0 l\u2019assembl\u00e9e combien font 3 549 752 divis\u00e9s par 23 234<\/strong> (ou une op\u00e9ration d\u2019une complexit\u00e9 similaire).<\/p>\n\n\n\n Tout le monde est rest\u00e9 silencieux. Certaines personnes ont sorti leurs t\u00e9l\u00e9phones pour faire le calcul, et finalement quelqu\u2019un a cri\u00e9 la r\u00e9ponse au bout de quelques secondes. <\/p>\n\n\n\n Le speaker a ensuite repos\u00e9 la m\u00eame question<\/strong>. Cette fois-ci, tout le monde \u00e9tait capable de r\u00e9pondre imm\u00e9diatement avec la bonne r\u00e9ponse. <\/p>\n\n\n\n C\u2019est une d\u00e9monstration brillante du concept. Le processus de base qui prend du temps a \u00e9t\u00e9 r\u00e9alis\u00e9 une premi\u00e8re fois. Apr\u00e8s \u00e7a, quand la m\u00eame question a \u00e9t\u00e9 pos\u00e9e, la r\u00e9ponse \u00e9tait tout de suite disponible et donc donn\u00e9e beaucoup plus vite. <\/p>\n\n\n\n Si on applique ce raisonnement \u00e0 votre site web, cela se traduit par la capacit\u00e9 \u00e0 rendre une page web avec un temps de r\u00e9ponse extr\u00eamement rapide, sans avoir \u00e0 passer par le long processus \u00e0 chaque fois que la page charge. <\/p>\n\n\n\n Le premier visiteur d\u2019une page de votre site est celui qui \u201cpose la question\u201d, et votre serveur donne la r\u00e9ponse. La fois suivante o\u00f9 un visiteur ira sur cette m\u00eame page, c\u2019est \u00e0 dire \u201cposera la m\u00eame question\u201d, votre serveur pourra donner la r\u00e9ponse, c\u2019est \u00e0 dire la page web, bien plus rapidement. <\/p>\n\n\n\n Quand vous avez un plugin de mise en cache<\/strong>, c\u2019est lui qui est charg\u00e9 de donner des r\u00e9ponses rapides<\/strong>. En somme, le plugin prend des \u201cphotos\u201d de toutes vos pages web. <\/p>\n\n\n\n Le gros du travail qui est d\u2019habitude fait par WordPress pour charger une page web n\u2019est fait qu\u2019une seule fois pour le plugin, lors de la toute premi\u00e8re visite. Une fois que le processus s\u2019est r\u00e9alis\u00e9, votre plugin de mise en cache prend une \u201cphoto\u201d de la page qu\u2019il pourra donner aux visiteurs suivants au lieu de repasser par tout le processus. <\/p>\n\n\n\n En termes techniques, cette \u201cphoto\u201d est le fichier statique HTML. Statique signifie qu\u2019il ne change pas par lui m\u00eame. Le contenu restera le m\u00eame \u00e0 moins que quelque chose d\u00e9cide de le changer. <\/p>\n\n\n\n Si vous avez d\u00e9j\u00e0 jet\u00e9 un oeil \u00e0 votre site via le FTP (ou le gestionnaire de fichiers dans votre cPanel), vous ne voyez pas un fichier pour chaque page de votre site. C\u2019est parce que la page est g\u00e9n\u00e9r\u00e9e de mani\u00e8re dynamique \u00e0 chaque fois qu\u2019elle charge : il n\u2019y a donc pas de fichier physique. Quand vous avez la mise en cache, vous verrez un dossier cache contenant tous les fichiers HTML<\/strong>. Ces fichiers ne changent que si le cache est rafra\u00eechi. <\/p>\n\n\n\n C\u2019est l\u00e0 que les choses peuvent se compliquer un peu. <\/p>\n\n\n\n Imaginez que vous prenez une photo de votre maison, qui est marron. Le jour suivant, vous peignez la maison en bleu. La photo que vous avez de votre maison n\u2019est plus exacte. Pour avoir une photo qui correspond \u00e0 votre nouvelle maison, vous devez en prendre une autre. <\/p>\n\n\n\n La maison est votre site, et la photo est la version de votre site qui est en cache. <\/p>\n\n\n\n Vous avez une version mise en cache d\u2019une page de votre site. Parfois, vous changez quelque chose, vous publiez un article, vous ajoutez un widget, vous changez votre th\u00e8me, etc. A ce moment, la version en cache n\u2019est plus \u00e0 jour. Si vous voulez que les visiteurs de votre site voient la nouvelle version de votre page, vous devez vider le cache de cette page afin de g\u00e9n\u00e9rer une nouvelle \u201cphoto\u201d.<\/p>\n\n\n\n Certains plugins de mise en cache (comme WP Rocket) s\u2019occupent de \u00e7a intuitivement. Nous voyons que vous avez \u201cpeint votre maison\u201d, c\u2019est \u00e0 dire publi\u00e9 un nouvel article (par exemple), et nous prenons une nouvelle photo automatiquement pour vous. De cette mani\u00e8re, votre cache reste \u00e0 jour avec vos modifications. <\/p>\n\n\n\n Quand vous prenez une photo de votre contenu, c\u2019est comme un moment fig\u00e9 dans le temps<\/strong>. <\/p>\n\n\n\n Si votre site WordPress est comme un film, votre cache est une photo immobile de ce film. <\/p>\n\n\n\n Cela n\u2019est pas tr\u00e8s important si ce que vous avez sur votre site se r\u00e9sume \u00e0 des articles de blog ou bien des pages qui contiennent du texte, des photos, des vid\u00e9os — des choses qui ne n\u2019\u00e9voluent pas \u00e0 moins que vous d\u00e9cidiez vous m\u00eame de les modifier (comme aller dans l\u2019\u00e9diteur et changer une photo, ou modifier du texte). <\/p>\n\n\n\n Mais les sites web modernes ont beaucoup de fonctionnalit\u00e9s \u00e9labor\u00e9es, comme le contenu qui se met \u00e0 jour automatiquement (sans que vous fassiez quoique ce soit), ou qui s\u2019ajuste en fonction de qui navigue sur la page.<\/p>\n\n\n\n Voici quelques exemples : <\/p>\n\n\n\n Il se peut que vous ayez une barre widget sur le c\u00f4t\u00e9 qui montre votre feed Twitter<\/strong>. Quand vous postez un nouveau tweet, vous n\u2019allez pas manuellement sur votre site pour poster le tweet \u00e0 cet endroit. Vous avez un plugin ou du code qui fait le lien avec Twitter et met \u00e0 jour votre widget automatiquement sans que vous ayez \u00e0 intervenir. Ceci est un exemple de contenu dynamique, et non statique. <\/p>\n\n\n\n Un autre exemple, prenons un site de e-commerce<\/strong> qui a une ic\u00f4ne de panier sur chaque page, vous indiquant le nombre d\u2019\u00e9l\u00e9ments qui sont dans votre panier. Cette fonctionnalit\u00e9 est sp\u00e9cifique \u00e0 chaque visiteur, car ils ont tous un nombre diff\u00e9rent d\u2019\u00e9l\u00e9ments dans leur propre panier. Ce nombre est donc g\u00e9n\u00e9r\u00e9 de mani\u00e8re dynamique pour chaque visiteur. <\/p>\n\n\n\n Ce ne sont que deux exemples du type de contenu qui doit \u00eatre g\u00e9r\u00e9 diff\u00e9remment avec la mise en cache. Si le code de votre page n\u2019est pas correct et que vous utilisez un plugin de mise en cache, vous allez vous rendre compte que certaines choses ne fonctionne pas bien. Votre feed Twitter ne se met pas autant \u00e0 jour que d\u2019habitude, ou l\u2019ic\u00f4ne du panier n\u2019affiche pas le bon nombre d\u2019\u00e9l\u00e9ments dans votre panier. <\/p>\n\n\n\n C\u2019est l\u00e0 que les choses deviennent un peu techniques, car si vous avez ce genre de probl\u00e8mes sur votre site, vous aurez besoin des termes techniques pour trouver une solution. <\/p>\n\n\n\n En termes techniques, si vos fonctionnalit\u00e9s dynamiques<\/strong> (banni\u00e8res rotatives, des sondages, des feed de r\u00e9seaux sociaux, des fonctionnalit\u00e9s sp\u00e9cifiques aux utilisateurs, etc.) utilisent du PHP pur pour afficher leur r\u00e9sultat, elles ne fonctionneront pas avec la mise en cache<\/strong>. <\/p>\n\n\n\n Ceci est d\u00fb au fait que le PHP ne tourne pas sur une page mise en cache — le PHP fait partie du long processus qui est r\u00e9duit par la mise en cache. <\/p>\n\n\n\n Sans mise en cache, le navigateur de chaque visiteur de votre site demande \u00e0 votre serveur web de servir la page. Le PHP est le langage de programmation qui tourne sur le serveur web pour traiter la requ\u00eate : il trouve le bon contenu dans la base de donn\u00e9es puis l\u2019envoie au navigateur. C\u2019est comme un messager qui transporte les informations depuis la base de donn\u00e9es jusqu\u2019au navigateur du visiteur.<\/p>\n\n\n\n Un peu plus t\u00f4t, j\u2019ai parl\u00e9 du fait que la mise en cache cr\u00e9\u00e9e des \u201cphotos\u201d. Le PHP est utilis\u00e9 la premi\u00e8re fois que la page charge, mais une fois que la photo a \u00e9t\u00e9 prise et transform\u00e9e en un fichier HTML statique, le PHP part en pause d\u00e9jeuner. Cela veut dire que votre navigateur ne recevra plus de message de votre base de donn\u00e9es via le PHP.<\/p>\n\n\n\n Lorsque des choses changent sur votre site, comme votre feed Twitter, il vous faut un messager diff\u00e9rent. Dans ce cas-ci, il s\u2019agit d\u2019un autre langage de programmation qui s\u2019appelle JavaScript (JS).<\/p>\n\n\n\n JS tourne c\u00f4t\u00e9 navigateur plut\u00f4t que c\u00f4t\u00e9 serveur, donc m\u00eame si votre page est mise en cache et que le PHP se d\u00e9tend avec une tasse de th\u00e9, vous pouvez toujours faire appel \u00e0 JavaScript et son petit fr\u00e8re AJAX<\/strong> pour faire le travail \u00e0 votre place. <\/p>\n\n\n\n Tout ce qui est dynamique doit \u00eatre trait\u00e9 avec JavaScript \/ AJAX car ceux ci peuvent fonctionner sur une page mise en cache. <\/p>\n\n\n\n Pour l\u2019utilisateur WordPress moyen, cela signifie : <\/p>\n\n\n\n Pour les d\u00e9veloppeurs, cela signifie : <\/p>\n\n\n\n J\u2019esp\u00e8re que cela vous aidera \u00e0 voir les choses plus clairement, mais si vous avez des questions ou si vous ne comprenez toujours pas, n\u2019h\u00e9sitez pas \u00e0 laisser un commentaire !<\/p>\n\n\n\n Header image courtesy Gonzalo Iza<\/a> \/\/ PHP diagram courtesy OpenClassrooms<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Utilisez-vous un plugin de mise en cache WordPress, mais ne comprenez-vous pas vraiment ce qu’il fait ? Ce guide explique en langage clair les concepts de base de la mise en cache.<\/p>\n","protected":false},"author":3200,"featured_media":4956340,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[73],"tags":[],"class_list":["post-1639045","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cache-wordpress"],"acf":[],"yoast_head":"\nQu\u2019est ce que \u00e7a veut dire pour votre site WordPress ? <\/h3>\n\n\n\n
Statique VS. dynamique<\/h2>\n\n\n\n
Pourquoi la mise en cache semble-t-elle casser des choses ?<\/h2>\n\n\n\n
![\"PHP](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2\/php-javascript.jpg\")
<\/figure>\n\n\n\n
\n\n\n\n