{"id":228252,"date":"2022-10-06T18:32:00","date_gmt":"2022-10-06T15:32:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228252"},"modified":"2022-11-09T01:31:36","modified_gmt":"2022-11-08T22:31:36","slug":"comment-tirer-parti-de-la-mise-en-cache-du-navigateur-dans-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-tirer-parti-de-la-mise-en-cache-du-navigateur-dans-wordpress\/","title":{"rendered":"Comment tirer parti de la mise en cache du navigateur dans WordPress"},"content":{"rendered":"\n<p>Si vous souhaitez tirer parti de la mise en cache du navigateur dans WordPress, vous connaissez d\u00e9j\u00e0 son principal avantage: il am\u00e9liore la vitesse de chargement du site Web.<\/p>\n<p>Ce d\u00e9tail est tr\u00e8s important pour les personnes qui rencontrent ce probl\u00e8me. Heureusement, il existe des outils tels que <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google PageSpeed \u200b\u200bInsights<\/a> ou <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GT matrix<\/a>. Ceux-ci peuvent vous dire exactement ce que vous voulez savoir sur les performances de votre site Web, ce que vous devez changer si vous avez d\u00e9j\u00e0 activ\u00e9 ou non la mise en cache du navigateur, et bien plus encore.<\/p>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c002237b.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>OK OK. Alors, quel est le probl\u00e8me\u00a0? Pourquoi avez-vous besoin de tirer parti de la mise en cache du navigateur dans WordPress ?<\/p>\n<p>Cette question est discut\u00e9e en d\u00e9tail ci-dessous par notre \u00e9quipe <strong><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a><\/strong>, alors continuez \u00e0 lire et vous r\u00e9ussirez \u00e0 tirer parti de la mise en cache du navigateur d&rsquo;ici la fin de cet article (doigts crois\u00e9s).<\/p>\n<p>Cr\u00e9er un site Web visuellement agr\u00e9able n&rsquo;est plus primordial lorsque les temps de chargement sont si mauvais qu&rsquo;ils obligent les utilisateurs \u00e0 le quitter en quelques secondes.<\/p>\n<p>Vous devez <a href=\"https:\/\/www.founderjar.com\/best-website-builder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">cr\u00e9er un site Web<\/a> avec des pages \u00e0 chargement rapide et un contenu de qualit\u00e9. Toute personne en contact avec Internet devrait le savoir. Et le moyen le plus simple de rendre un site Web plus rapide consiste \u00e0 tirer parti de la mise en cache du navigateur.<\/p>\n<p><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0123c37.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>Ce concept sera expliqu\u00e9 plus tard, mais sachez qu&rsquo;il s&rsquo;agit de la principale recommandation de Google en mati\u00e8re de temps de chargement.<\/p>\n<p>Normalement, la vitesse de chargement de votre site Web peut \u00eatre am\u00e9lior\u00e9e jusqu&rsquo;\u00e0 50 %, tant que vous utilisez les m\u00e9thodes appropri\u00e9es.<\/p>\n<p>Qu&rsquo;est-ce que la mise en cache du navigateur a \u00e0 voir avec cela\u00a0?<\/p>\n<p>Creusons.<\/p>\n<h2><strong>Tirer parti de la mise en cache du navigateur\u00a0? Que veux-tu dire par l\u00e0?<\/strong><\/h2>\n<p>Pour ceux qui ne savent pas pourquoi vous devez tirer parti de la mise en cache du navigateur, il est pr\u00e9f\u00e9rable de l&rsquo;expliquer avec des mots plus simples.<\/p>\n<p>La mise en cache repr\u00e9sente la dur\u00e9e pendant laquelle les navigateurs stockent localement les ressources pouvant \u00eatre mises en cache disponibles sur un site Web.<\/p>\n<p>Ces ressources incluent des images, JavaScript, CSS et autres. Chaque fois qu&rsquo;une personne acc\u00e8de au site Web, les ressources pouvant \u00eatre mises en cache qui sont stock\u00e9es sur votre ordinateur sont t\u00e9l\u00e9charg\u00e9es en retour. La vitesse de chargement du site est ainsi visiblement am\u00e9lior\u00e9e. C&rsquo;est la raison pour laquelle les gens veulent tirer parti de la mise en cache du navigateur dans WordPress.<\/p>\n<h2><strong>Comment fonctionne la mise en cache du<\/strong> <strong>navigateur<\/strong> <strong>dans WordPress ?<\/strong><\/h2>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c022f808.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>Lorsqu&rsquo;une personne acc\u00e8de \u00e0 un certain domaine, plusieurs processus se d\u00e9roulent en arri\u00e8re-plan. Tout ce qui compose votre site WordPress est transmis au navigateur de l&rsquo;utilisateur, rendant le site visible. Ces composants du site Web incluent du contenu, des images, des feuilles de style, des scripts, etc. Ils doivent \u00eatre d\u00e9plac\u00e9s du serveur du site Web vers le navigateur de l&rsquo;utilisateur chaque fois que cela est n\u00e9cessaire. Les \u00e9tapes derri\u00e8re ce processus sont :<\/p>\n<ol>\n<li>Le visiteur tape une URL dans son navigateur<\/li>\n<li>Le navigateur g\u00e9n\u00e8re une requ\u00eate au serveur sur lequel votre site Web est h\u00e9berg\u00e9 (la requ\u00eate HTTP)<\/li>\n<li>Le serveur rassemble toutes les donn\u00e9es et les envoie \u00e0 l&rsquo;utilisateur. C&rsquo;est l&rsquo;\u00e9tape o\u00f9 les utilisateurs remarquent un ralentissement. Pour \u00e9viter ce ralentissement, les utilisateurs peuvent r\u00e9duire la taille des scripts, optimiser la taille des images, etc.<\/li>\n<li>Une fois les donn\u00e9es transmises, le navigateur est enfin en mesure d&rsquo;afficher le site Web. Le processus se r\u00e9p\u00e8te lorsque les visiteurs acc\u00e8dent \u00e0 d&rsquo;autres pages. Les requ\u00eates du serveur peuvent \u00eatre tr\u00e8s nombreuses \u00e0 la fois, ce qui peut entra\u00eener de faibles performances. C&rsquo;est pourquoi les gens doivent optimiser leur site Web, pour qu&rsquo;il reste rapide.<\/li>\n<\/ol>\n<p>Le contenu du cache est utilis\u00e9 \u00e0 la fois dans les navigateurs Web et les applications logicielles. Il est stock\u00e9 temporairement sur votre disque local. Ces donn\u00e9es sont appel\u00e9es &lsquo; <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_cache\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Web Cache<\/a> &lsquo; ou &lsquo; <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/http-caching\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTTP Cache<\/a> &lsquo;. Chaque fois que vous visitez le m\u00eame site Web, le navigateur t\u00e9l\u00e9charge les informations stock\u00e9es sur votre ordinateur et t\u00e9l\u00e9charge le contenu du site Web.<\/p>\n<p>Afin de v\u00e9rifier si votre site WordPress exploite correctement la mise en cache du navigateur, vous devez utiliser un outil sp\u00e9cifique. Le plus populaire est Google PageSpeed \u200b\u200bInsights. D\u00e9couvrez si tout fonctionne correctement en tapant l&rsquo;URL de votre site.<\/p>\n<p>Ensuite, cliquez sur Analyser et laissez l&rsquo;outil faire sa magie. PageSpeed \u200b\u200bdevrait vous indiquer le score de votre site Web en termes d&rsquo;optimisation pour les mobiles et les ordinateurs de bureau. Le score varie de 0 \u00e0 100, et vous obtiendrez \u00e9galement des suggestions sur la fa\u00e7on d&rsquo;am\u00e9liorer votre site Web par la suite. L&rsquo;une des suggestions les plus courantes consiste \u00e0 opter pour la mise en cache du navigateur dans WordPress.<\/p>\n<h3>H\u00e9, saviez-vous que les donn\u00e9es peuvent aussi \u00eatre belles\u00a0?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> peut le faire de cette fa\u00e7on. Il y a une bonne raison pour laquelle c&rsquo;est le plugin WordPress #1 pour cr\u00e9er des tableaux et des graphiques r\u00e9actifs.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c033e8ad.png\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>Un exemple r\u00e9el de wpDataTables dans la nature<\/p>\n<p>Et c&rsquo;est vraiment facile de faire quelque chose comme \u00e7a :<\/p>\n<ol>\n<li>Vous fournissez les donn\u00e9es du tableau<\/li>\n<li>Configurez-le et personnalisez-le<\/li>\n<li>Publiez-le dans un article ou une page<\/li>\n<\/ol>\n<p>Et ce n&rsquo;est pas seulement joli, mais aussi pratique. Vous pouvez cr\u00e9er de grandes tables avec <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">jusqu&rsquo;\u00e0 des millions de lignes<\/a>, ou vous pouvez utiliser <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">des filtres et une recherche avanc\u00e9s<\/a>, ou vous pouvez vous d\u00e9cha\u00eener et les <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">rendre modifiables<\/a>.<\/p>\n<p>&quot;Ouais, mais j&rsquo;aime trop Excel et il n&rsquo;y a rien de tel sur les sites Web&quot;. Oui, il y en a. Vous pouvez utiliser une mise en <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">forme conditionnelle<\/a> comme dans Excel ou Google Sheets.<\/p>\n<p>Vous ai-je dit que vous pouviez \u00e9galement <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">cr\u00e9er des graphiques<\/a> avec vos donn\u00e9es\u00a0? Et ce n&rsquo;est qu&rsquo;une petite partie. Il y a <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">beaucoup d&rsquo;autres fonctionnalit\u00e9s<\/a> pour vous.<\/p>\n<h2><strong>Diff\u00e9rences entre la mise en cache du serveur et la mise en cache du navigateur<\/strong><\/h2>\n<p>Tout utilisateur de WordPress devrait en savoir plus sur la mise en cache du serveur. Il s&rsquo;agit d&rsquo;un processus qui consiste \u00e0 g\u00e9n\u00e9rer des pages Web en cache pour votre site Web via le serveur Web. Les \u00e9tapes ci-dessus repr\u00e9sentent la mise en cache du site Web, qui se situe principalement c\u00f4t\u00e9 serveur.<\/p>\n<p>Il existe plusieurs fa\u00e7ons d&rsquo;am\u00e9liorer le syst\u00e8me de mise en cache du serveur. L&rsquo;option la plus recommand\u00e9e serait de mettre \u00e0 jour les en-t\u00eates sur Apache. L&rsquo;utilisation de plugins WordPress serait la prochaine \u00e9tape, et l&rsquo;ajout de CDN la suit.<\/p>\n<h2><strong>Tirez parti de la mise en cache du navigateur dans WordPress<\/strong><\/h2>\n<p>Afin de tirer parti de la mise en cache du navigateur dans WordPress, vous devez utiliser un peu de code. Ne vous inqui\u00e9tez pas, ce n&rsquo;est pas aussi difficile que vous pourriez le croire.<\/p>\n<p>Il vous suffit d&rsquo;atteindre le. <a href=\"https:\/\/muffingroup.com\/blog\/wordpress-htaccess\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">htaccess<\/a>, ajoutez un morceau de code donn\u00e9 et c&rsquo;est tout. Tirer parti de la mise en cache du navigateur avec le fichier Htaccess est la m\u00e9thode la plus simple et la plus efficace que vous devriez conna\u00eetre.<\/p>\n<p>Le moyen le plus simple et le plus rapide de vous assurer que votre site Web WordPress tire le meilleur parti de la mise en cache c\u00f4t\u00e9 serveur et du navigateur consiste \u00e0 utiliser un <a href=\"https:\/\/kinsta.com\/?kaid=LUAHHLEJMLMT\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e9bergement WordPress g\u00e9r\u00e9<\/a>, qui pr\u00e9-configure tous les param\u00e8tres n\u00e9cessaires pour vous.<\/p>\n<p>Tirez parti de la mise en cache du navigateur dans WordPress manuellement en proc\u00e9dant comme suit\u00a0:<\/p>\n<ol>\n<li>Ajouter des en-t\u00eates d&rsquo;expiration<\/li>\n<li>Ajouter des en-t\u00eates de contr\u00f4le de cache<\/li>\n<li>D\u00e9sactiver les balises ETag<\/li>\n<\/ol>\n<p>Pour ce faire, vous devez suivre les \u00e9tapes ci-dessous\u00a0:<\/p>\n<ol>\n<li>\n<h4>Acc\u00e9der aux fichiers du site<\/h4>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" ><\/a><\/p>\n<p>Commencez par vous connecter \u00e0 votre compte d&rsquo;h\u00e9bergement\/cPanel. Acc\u00e9dez au gestionnaire de fichiers. Ici, vous trouverez les param\u00e8tres du site Web, o\u00f9 vous devez activer l&rsquo;option Fichier cach\u00e9. Ensuite, acc\u00e9dez au r\u00e9pertoire racine du site Web et acc\u00e9dez \u00e0 votre fichier .htaccess.<\/p>\n<p>Il se trouve g\u00e9n\u00e9ralement dans \/public_html\/.htaccess. Si le domaine de votre site Web est personnalis\u00e9, vous le trouverez sous domainname\/public_html\/.htaccess. Cliquez avec le bouton droit sur le fichier et modifiez-le en suivant les instructions qui vous sont donn\u00e9es.<\/p>\n<ol start=\"2\">\n<li>\n<h4>Ajoutez le code de mise en cache du navigateur dans votre fichier .htaccess<\/h4>\n<\/li>\n<\/ol>\n<p>La prochaine \u00e9tape est la plus simple. Copiez le code ci-dessous et collez-le \u00e0 la fin du contenu de votre fichier .htaccess. N&rsquo;apportez aucune autre modification au fichier.<\/p>\n<pre><code>#Customize expires cache start - adjust the period according to your needs\n&lt;IfModule mod_expires.c&gt;\n\u00a0 FileETag MTime Size\n\u00a0 AddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript\n\u00a0 ExpiresActive On\n\u00a0 ExpiresByType text\/html \"access 600 seconds\"\n\u00a0 ExpiresByType application\/xhtml+xml \"access 600 seconds\"\n\u00a0 ExpiresByType text\/css \"access 1 month\"\n\u00a0 ExpiresByType text\/javascript \"access 1 month\"\n\u00a0 ExpiresByType text\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-shockwave-flash \"access 1 month\"\n\u00a0 ExpiresByType application\/pdf \"access 1 month\"\n\u00a0 ExpiresByType image\/x-icon \"access 1 year\"\n\u00a0 ExpiresByType image\/jpg \"access 1 year\"\u00a0 \n\u00a0 ExpiresByType image\/jpeg \"access 1 year\"\n\u00a0 ExpiresByType image\/png \"access 1 year\"\n\u00a0 ExpiresByType image\/gif \"access 1 year\"\n\u00a0 ExpiresDefault \"access 1 month\"\n\n&lt;\/IfModule&gt;\n#Expires cache end<\/code><\/pre>\n<p>Les param\u00e8tres inclus dans le code ci-dessus incluent un d\u00e9lai d&rsquo;actualisation\/expiration de 600 secondes pour HTML et un mois pour CSS et JavaScript.<\/p>\n<p>Le but de cette p\u00e9riode d&rsquo;expiration est d&rsquo;\u00e9viter que vos visiteurs ne t\u00e9l\u00e9chargent trop souvent les ressources. Si vous effectuez plus souvent des modifications en termes d&rsquo;actifs, vous pouvez modifier la p\u00e9riode en fonction de vos besoins.<\/p>\n<p>Pour les personnes qui souhaitent tirer parti de la mise en cache du navigateur, la modification du fichier .htaccess est la meilleure option.<\/p>\n<p>Comme vous pouvez le voir dans le morceau de code, les images expireront apr\u00e8s un an. Pour ajouter des en-t\u00eates d&rsquo;expiration .htaccess, vous devez modifier le fichier sans endommager quoi que ce soit d&rsquo;autre.<\/p>\n<p>Cependant, certaines personnes ne veulent pas jouer avec leur fichier .htaccess. Si telle est votre situation, vous pouvez simplement utiliser un plugin de mise en cache du navigateur. Vous en saurez plus sur ces plugins plus loin dans cet article.<\/p>\n<ol start=\"3\">\n<li>\n<h4>Ajouter des en-t\u00eates de contr\u00f4le de cache via Apache<\/h4>\n<\/li>\n<\/ol>\n<p>Copiez le code ci-dessous\u00a0:<\/p>\n<pre><code># BEGIN Cache-Control Headers\n\n&lt;IfModule mod_expires.c&gt;\n  &lt;IfModule mod_headers.c&gt;\n \u00a0\u00a0 &lt;filesMatch \".(ico|jpe?g|png|gif|swf)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\" \n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(css)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(js)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(x?html?|php)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private, must-revalidate\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n  &lt;\/IfModule&gt;\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p>La d\u00e9finition d&rsquo;une date d&rsquo;expiration ou d&rsquo;un \u00e2ge maximum dans les en-t\u00eates HTTP n&rsquo;est plus n\u00e9cessaire car elle a d\u00e9j\u00e0 \u00e9t\u00e9 d\u00e9finie lors de l&rsquo;\u00e9tape pr\u00e9c\u00e9dente, ce qui signifie que vous n&rsquo;avez pas besoin de la r\u00e9p\u00e9ter ici.<\/p>\n<ol start=\"4\">\n<li>\n<h4>D\u00e9sactiver les Etags<\/h4>\n<\/li>\n<\/ol>\n<p>Etags signifie Entity Tags et fait r\u00e9f\u00e9rence aux nouvelles versions des fichiers mis en cache. \u00c9tant donn\u00e9 que vous avez d\u00e9j\u00e0 d\u00e9fini des en-t\u00eates de contr\u00f4le de cache, il n&rsquo;est pas n\u00e9cessaire d&rsquo;utiliser des ETags, vous pouvez donc les d\u00e9sactiver pour am\u00e9liorer les temps de chargement. Ajoutez le morceau de code suivant au fichier .htaccess\u00a0:<\/p>\n<pre><code>&lt;IfModule mod_headers.c&gt;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Header unset ETag\n&lt;\/IfModule&gt;\nFileETag None<\/code><\/pre>\n<p>Enregistrez le fichier .htaccess et vous avez termin\u00e9\u00a0!<\/p>\n<h2><strong>Mise en cache du serveur et du navigateur NGINX<\/strong><\/h2>\n<p>Si votre site Web utilise NGINX, vous devrez utiliser d&rsquo;autres morceaux de code car vous ne pourrez pas trouver le fichier .htaccess. Encore une fois, c&rsquo;est un processus tr\u00e8s simple qui ne n\u00e9cessite pas beaucoup de connaissances techniques. Allez dans \/etc\/nginx\/sites-enabled\/default et collez-y ce code\u00a0:<\/p>\n<pre><code>server {\n\u00a0\u00a0\u00a0 listen\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 80;\n \u00a0\u00a0 server_name\u00a0 localhost;\n \u00a0\u00a0 location \/ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 root\u00a0\u00a0 \/usr\/share\/nginx\/html;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 index\u00a0 index.html index.htm;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(jpg|jpeg|png|gif|ico|css|js)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 365d;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(pdf)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 30d;\n \u00a0\u00a0 }\n}\n\nAdd Cache-Control Headers (NGINX)\nlocation ~* .(jpg|jpeg|png|gif|ico|css|js)$ {\nexpires 90d;\nadd_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n<p>Vous pouvez probablement dire que le d\u00e9lai d&rsquo;expiration des fichiers image est fix\u00e9 \u00e0 365 jours, soit l&rsquo;\u00e9quivalent d&rsquo;un an. Les PDF expireront apr\u00e8s seulement 30 jours. Vous pouvez personnaliser le code comme vous le souhaitez, comme dans le cas pr\u00e9c\u00e9dent.<\/p>\n<p>Apr\u00e8s avoir modifi\u00e9 NGINX, enregistrez le fichier et vous pouvez \u00eatre assur\u00e9 que vous avez activ\u00e9 la mise en cache du navigateur sur le serveur NGINX.<\/p>\n<h2><strong>Tirez parti de la navigation dans WordPress \u00e0 l&rsquo;aide de plugins<\/strong><\/h2>\n<p>Modifier le fichier .htaccess l\u00e0 o\u00f9 vous n&rsquo;en avez pas besoin peut ruiner l&rsquo;ensemble de votre site Web. Faire une seule erreur entra\u00eenera des pages blanches et des erreurs, il est donc parfaitement compr\u00e9hensible que vous ne souhaitiez pas modifier le fichier vous-m\u00eame.<\/p>\n<p>Heureusement, il existe des plugins qui peuvent \u00eatre utiles, sans que vous ayez besoin d&rsquo;apprendre \u00e0 activer la mise en cache du navigateur dans WordPress.<\/p>\n<p>manuellement. L&rsquo;installation d&rsquo;un plugin peut se faire comme ceci :<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/leverage-browser-caching\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0591bcc.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<ol>\n<li>T\u00e9l\u00e9chargez le plugin \u2013 un exemple peut \u00eatre trouv\u00e9 ici<\/li>\n<li>Acc\u00e9dez au tableau de bord, aux plugins et ajoutez un nouveau<\/li>\n<li>Trouvez \u00abTirer parti de la mise en cache du navigateur \u00bb<\/li>\n<li>Cliquez sur Installer maintenant<\/li>\n<li>Activer le plugin<\/li>\n<li>Testez votre site web<\/li>\n<\/ol>\n<p>Il existe d&rsquo;autres plugins que vous pouvez \u00e9galement utiliser, et certains d&rsquo;entre eux sont r\u00e9pertori\u00e9s ci-dessous. Choisissez-les selon vos besoins :<\/p>\n<h2>W3 Total Cache \u2013 Plugin WordPress<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c069033e.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>La correction de la mise en cache du navigateur \u00e0 effet de levier dans WordPress avec le cache total W3 peut \u00eatre effectu\u00e9e en suivant les \u00e9tapes r\u00e9pertori\u00e9es ci-dessous :<\/p>\n<ol>\n<li>T\u00e9l\u00e9chargez et installez le plugin WordPress W3 Total Cache<\/li>\n<li>Acc\u00e9dez \u00e0 Param\u00e8tres g\u00e9n\u00e9raux et s\u00e9lectionnez Activer le cache du navigateur<\/li>\n<li>Cliquez sur Enregistrer et acc\u00e9dez aux param\u00e8tres de cache du navigateur (en haut de la page)<\/li>\n<li>Choisissez les en-t\u00eates de cache disponibles<\/li>\n<li>D\u00e9finir les en-t\u00eates d&rsquo;expiration, le contr\u00f4le du cache et les en-t\u00eates ETag (en fonction des param\u00e8tres d\u00e9finis auparavant)<\/li>\n<li>Enregistrez tous les param\u00e8tres et actualisez votre site Web<\/li>\n<\/ol>\n<h2>Cache le plus rapide de WP<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c078d969.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>WP Fastest Cache est un autre plugin que vous pouvez utiliser pour activer la mise en cache du navigateur dans WordPress.<\/p>\n<ol>\n<li>T\u00e9l\u00e9chargez et installez le cache le plus rapide de WP.<\/li>\n<li>Acc\u00e9dez aux param\u00e8tres du plug-in<\/li>\n<li>S\u00e9lectionnez la mise en cache du navigateur en cochant la case<\/li>\n<li>Cliquez sur soumettre pour appliquer les modifications et c&rsquo;est tout<\/li>\n<\/ol>\n<h2>Activateur de cache \u2013 Cache WordPress<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/cache-enabler\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0897f79.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>Ce plugin est livr\u00e9 avec plus de fonctionnalit\u00e9s que vous pourriez trouver utiles \u00e0 l&rsquo;avenir: vous pouvez automatiser le processus de nettoyage du cache, ou vous pouvez le faire \u00e0 la main, vous pouvez purger la page manuellement, vous pouvez minifier HTML et JavaScript, et bien d&rsquo;autres. Pour l&rsquo;utiliser, il suffit de :<\/p>\n<ol>\n<li>Installez le plugin et activez-le<\/li>\n<li>Aller aux param\u00e8tres<\/li>\n<li>Cliquez sur Activer la mise en cache du navigateur<\/li>\n<\/ol>\n<h2><strong>Utilisez Yoast SEO pour modifier le fichier .htaccess<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c099ad05.jpg\" alt=\"Comment tirer parti de la mise en cache du navigateur dans WordPress\" \/><\/a><\/p>\n<p>Vous pouvez \u00e9galement modifier le fichier .htaccess de mani\u00e8re plus s\u00fbre en utilisant le plug-in Yoast SEO. Le plugin WordPress le plus couramment utilis\u00e9 est SEO by Yoast. En utilisant ce plugin, vous pouvez facilement modifier le fichier .htaccess. Si vous n&rsquo;avez pas d\u00e9j\u00e0 Yoast, vous devez l&rsquo;installer et l&rsquo;activer au pr\u00e9alable. Apr\u00e8s cela, vous devez\u00a0:<\/p>\n<ol>\n<li>Acc\u00e9dez au SEO, puis aux Outils.<\/li>\n<li>Acc\u00e9dez \u00e0 l&rsquo;\u00e9diteur de fichiers<\/li>\n<li>Le fichier .htaccess sera ouvert dans un \u00e9diteur de texte o\u00f9 vous pourrez coller les morceaux de code list\u00e9s ci-dessus<\/li>\n<li>Sauvegarder les modifications<\/li>\n<\/ol>\n<p>Apr\u00e8s avoir apport\u00e9 les modifications, vous pouvez utiliser Google PageSpeed \u200b\u200bInsights pour v\u00e9rifier si tout va bien apr\u00e8s avoir apport\u00e9 les modifications. Si votre site Web exploite correctement la mise en cache du navigateur, vous \u00eates pr\u00eat \u00e0 partir. Sinon, vous devriez recommencer le processus et voir ce que vous avez manqu\u00e9.<\/p>\n<h2><strong>Mise en cache des ressources tierces<\/strong><\/h2>\n<p>Apr\u00e8s avoir effectu\u00e9 toutes les modifications d\u00e9crites dans cet article, vous pouvez toujours obtenir un mauvais score lorsque vous testez la vitesse de votre site Web \u00e0 l&rsquo;aide de divers outils. Google PageSpeed \u200b\u200bInsights peut vous donner un mauvais score en raison de nombreux scripts ou services tiers qui s&rsquo;ex\u00e9cutent derri\u00e8re votre site Web. Ces scripts n&rsquo;ont pas de temps d&rsquo;expiration long pour une multitude de raisons.<\/p>\n<p>Si vous recevez toujours des messages pour tirer parti de la mise en cache du navigateur dans WordPress apr\u00e8s avoir suivi tous les conseils possibles, vous ne pouvez rien faire d&rsquo;autre que d&rsquo;\u00e9liminer les scripts que vous n&rsquo;utilisez pas. Un maximum de trois scripts devrait suffire pour un site Web, alors assurez-vous de nettoyer votre liste.<\/p>\n<p>Apr\u00e8s avoir effectu\u00e9 ce changement, tout devrait bien fonctionner, et le temps de chargement de votre site web est cens\u00e9 \u00eatre le plus proche possible de la perfection. Si vous rencontrez un probl\u00e8me tr\u00e8s sp\u00e9cifique et qu&rsquo;il n&rsquo;a rien \u00e0 voir avec des scripts tiers, vous devez en \u00eatre inform\u00e9 et voir quel param\u00e8tre est \u00e0 l&rsquo;origine du probl\u00e8me.<\/p>\n<h2><strong>Fin des r\u00e9flexions sur la fa\u00e7on de tirer parti de la mise en cache du navigateur dans WordPress<\/strong><\/h2>\n<p>Gardez \u00e0 l&rsquo;esprit que vous ne remarquerez peut-\u00eatre pas les modifications que vous apportez imm\u00e9diatement apr\u00e8s l&rsquo;installation d&rsquo;un plugin. La raison de ce retard est le fichier CSS\/Stylesheet. Le cache du navigateur que vous avez d\u00e9j\u00e0 enregistr\u00e9 sur votre ordinateur vous emp\u00eachera de voir les modifications que vous avez apport\u00e9es. Pour voir correctement le site Web apr\u00e8s avoir effectu\u00e9 plusieurs modifications, il serait recommand\u00e9 de le visiter en utilisant la fonction Incognito de votre navigateur. En utilisant cette fonction, vous n&rsquo;utiliserez pas les ressources du cache et vous devriez pouvoir voir les modifications correctement.<\/p>\n<p>En fin de compte, la m\u00e9thode que vous choisissez pour tirer parti de la mise en cache du navigateur n&rsquo;est pas pertinente. La seule chose qui compte, c&rsquo;est de le voir en action. Tant que Leverage Browser Caching dans WordPress fonctionne comme pr\u00e9vu, la fa\u00e7on dont vous y \u00eates arriv\u00e9 n&rsquo;a pas d&rsquo;importance. Vous pouvez choisir la m\u00e9thode avec laquelle vous \u00eates \u00e0 l&rsquo;aise et le r\u00e9sultat sera le m\u00eame. Que vous d\u00e9cidiez de modifier le fichier .htaccess ou d&rsquo;utiliser un plugin, vous obtiendrez de meilleurs temps de chargement en activant Leverage Browser Caching.<\/p>\n<p>Si vous avez aim\u00e9 lire cet article sur la fa\u00e7on d&rsquo;exploiter la mise en cache du navigateur dans WordPress, vous devriez consulter celui-ci sur la fa\u00e7on d&rsquo; <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/accelerez-wordpress-le-meilleur-guide-pour-loptimisation-de-la-vitesse-de-wordpress\/\" title=\"acc\u00e9l\u00e9rer WordPress\">acc\u00e9l\u00e9rer WordPress<\/a>.<\/p>\n<p>Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels que le plug-in de base de <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/options-du-plugin-de-base-de-donnees-wordpress-pour-accelerer-votre-base-de-donnees\/\" title=\"donn\u00e9es\">donn\u00e9es<\/a> WordPress, le plug-in de <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/wordpress-lazy-load-choisir-le-meilleur-plugin-pour-le-travail\/\" title=\"chargement paresseux\">chargement paresseux<\/a> WordPress, les options de plug-in de <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/options-du-plug-in-de-cache-wordpress-pour-tester-votre-site-web\/\" title=\"cache WordPress et\">cache WordPress et<\/a> <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/services-cdn-que-vous-pourriez-utiliser-pour-accelerer-wordpress\/\" title=\"les services CDN\">les services CDN<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si vous souhaitez ma\u00eetriser la mise en cache du navigateur dans WordPress, vous connaissez d\u00e9j\u00e0 son principal avantage : il augmente la vitesse de chargement du site Web.<\/p>\n","protected":false},"author":1,"featured_media":173742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[915,841,862],"tags":[1167],"class_list":["post-228252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autre","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/228252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=228252"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/228252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/173742"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=228252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=228252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=228252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}