{"id":4370,"date":"2017-04-20T13:22:13","date_gmt":"2017-04-20T13:22:13","guid":{"rendered":"https:\/\/blog.hostinger.io\/tutoriels\/?p=4370"},"modified":"2026-02-27T15:34:52","modified_gmt":"2026-02-27T15:34:52","slug":"exploitation-cache","status":"publish","type":"post","link":"\/fr\/tutoriels\/exploitation-cache","title":{"rendered":"Optimiser son site web gr\u00e2ce \u00e0 l\u2019exploitation du cache"},"content":{"rendered":"<p>Lors de l&rsquo;ouverture d&rsquo;une page Web, le navigateur doit t&eacute;l&eacute;charger tout le contenu (HTML, CSS, Javascript, images). Le chargement d&rsquo;un gros site Web peut &ecirc;tre compliqu&eacute; sur une connexion lente (ou sur t&eacute;l&eacute;phone). Chaque fichier fait une demande distincte au serveur et plus le serveur re&ccedil;oit de requ&ecirc;tes en m&ecirc;me temps plus il a besoin de travail. Ce qui peut entra&icirc;ner un chargement plus long.&nbsp;Nous allons donc exploiter la mise en cache du navigateur.<\/p><p>La mise en cache du navigateur peut aider &agrave; stocker les fichiers sur le navigateur de l&rsquo;utilisateur. Lorsque vous visitez le site Web pour la premi&egrave;re fois, il prendra le m&ecirc;me temps que d&rsquo;habitude pour charger. Cependant, lorsque ce m&ecirc;me utilisateur revient sur le site, ou va sur une autre page de votre site, ils aura d&eacute;j&agrave; certains des fichiers de votre site stock&eacute;s sur leur ordinateur. Cela signifie que le navigateur de l&rsquo;utilisateur doit t&eacute;l&eacute;charger moins de donn&eacute;es et faire moins de demandes au serveur. Cela entra&icirc;ne une diminution des temps de chargement de la page.<\/p><h2 id=\"h-ce-dont-vous-aurez-besoin\"><strong>Ce dont vous aurez besoin<\/strong><\/h2><p>Avant d&rsquo;exploiter la mise en cache du navigateur, assurez vous d&rsquo;avoir les &eacute;l&eacute;ments suivants:<\/p><ul>\n<li>Acc&egrave;s au fichier .htaccess<\/li>\n<\/ul><h2 id=\"h-etape-1-edition-du-fichier-htaccess\"><strong>&Eacute;tape 1 &ndash; &Eacute;dition du fichier .htaccess<\/strong><\/h2><p>La manip est vraiment simple. Le code suivant doit &ecirc;tre ajout&eacute; &agrave; votre fichier .htaccess&nbsp;(<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/trouver-creer-htaccess\/\" target=\"_blank\" rel=\"noopener noreferrer\">voici un guide pour savoir o&ugrave; est .htaccess<\/a>):<\/p><pre class=\"\">## EXPIRES CACHING ##\r\n &lt;IfModule mod_expires.c&gt;\r\n ExpiresActive On\r\n ExpiresByType image\/jpg \"access plus 1 year\"\r\n ExpiresByType image\/jpeg \"access plus 1 year\"\r\n ExpiresByType image\/gif \"access plus 1 year\"\r\n ExpiresByType image\/png \"access plus 1 year\"\r\n ExpiresByType text\/css \"access plus 1 month\"\r\n ExpiresByType application\/pdf \"access plus 1 month\"\r\n ExpiresByType text\/x-javascript \"access plus 1 month\"\r\n ExpiresByType application\/x-shockwave-flash \"access plus 1 month\"\r\n ExpiresByType image\/x-icon \"access plus 1 year\"\r\n ExpiresDefault \"access plus 7 days\"\r\n &lt;\/IfModule&gt;\r\n ## EXPIRES CACHING ##<\/pre><p>Une fois les modifications enregistr&eacute;es, la mise en cache du navigateur sera activ&eacute;e sur votre site Web.<\/p><h2 id=\"h-etape-2-test-de-la-mise-en-cache-du-navigateur\"><strong>&Eacute;tape 2 &ndash; Test de la mise en cache du navigateur<\/strong><\/h2><p>La mise en cache du navigateur peut &ecirc;tre test&eacute;e avec diff&eacute;rents outils, tels que <a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebPageTest<\/a>&nbsp;ou <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTMetrix<\/a><\/p><p>Voici les r&eacute;sultats <strong>AVANT <\/strong>d&rsquo;activer la mise en cache du navigateur:<\/p><p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/test-cache-1.png\" alt=\"test de la mise en cache du navigateur\" width=\"717\" height=\"343\"><\/p><p>Voici les r&eacute;sultats <strong>APRES <\/strong>avoir&nbsp;activ&eacute; la mise en cache du navigateur:<\/p><p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2017\/04\/test-cache-2.png\" alt=\"test de la mise en cache du navigateur r&eacute;ussi\" width=\"628\" height=\"86\"><\/p><h2 id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2><p>Dans ce bref tutoriel, nous vous avons appris &agrave; augmenter les performances de votre site Web en activant la mise en cache du navigateur.<\/p><p>J&rsquo;esp&egrave;re vous avoir &eacute;t&eacute; utile. Nous nous reverrons dans un futur tutoriel !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lors de l&rsquo;ouverture d&rsquo;une page Web, le navigateur doit t&eacute;l&eacute;charger tout le contenu (HTML, CSS, Javascript, images). Le chargement d&rsquo;un gros site Web peut &ecirc;tre compliqu&eacute; sur une connexion lente (ou sur t&eacute;l&eacute;phone). Chaque fichier fait une demande distincte au serveur et plus le serveur re&ccedil;oit de requ&ecirc;tes en m&ecirc;me temps plus il a besoin [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/exploitation-cache\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":261,"featured_media":5020,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Optimiser son site web gr\u00e2ce \u00e0 l\u2019exploitation du cache","rank_math_description":"Vous voulez optimiser votre site web en 2 minutes chrono ? Alors apprenez \u00e0 exploiter la mise en cache du navigateur pour gagner en performances !","rank_math_focus_keyword":"exploiter la mise en cache du navigateur","footnotes":""},"categories":[4804],"tags":[4860,4859,4858,4790],"class_list":["post-4370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-site-web","tag-cache-navigateur","tag-exploiter-la-mise-en-cache-du-navigateur","tag-optimisation-site-web","tag-optimiser"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-leverage-browser-caching","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/exploitation-cache","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-leverage-browser-caching","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-leverage-browser-caching","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-leverage-browser-caching","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-leverage-browser-caching","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-leverage-browser-caching","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-leverage-browser-caching","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-leverage-browser-caching","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/4370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/261"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=4370"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/4370\/revisions"}],"predecessor-version":[{"id":46406,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/4370\/revisions\/46406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/5020"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=4370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=4370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=4370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}