Question

网站通常存储在浏览器缓存中。当网站获得重新设计或全新设计时，“旧”网站仍然存储在浏览器中。当你在网上商店有很多回头客时，大多数人都不知道点击F5会刷新页面/缓存。

设计师/程序员如何处理这个问题？

Answer 1

一种典型的技术是在JS和CSS文件URL的末尾添加一些像“？version = 1.2.3”这样的字符串。这样只有某个版本的文件在缓存中，当版本号发生变化时，浏览器就会知道要求新文件。

Answer 2

以下是谷歌的一些提示

https://developers.google.com/speed/docs/best-practices/caching?csw=1

我一直在做的是尽可能外化，并在重新设计后更改外部文件的名称。

Answer 3

尝试在head标签中使用它来强制浏览器不缓存：

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1985 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

或通过htaccess：

<ifModule mod_headers.c>
   ExpiresActive On
   <filesMatch ".(gif|png|jpg|jpeg|ico|pdf|js|htm|html|txt)$">
     Header set Cache-Control "max-age=172800"
   </filesMatch>
</ifModule>

http://www.askapache.com/htaccess/speed-up-sites-with-htaccess-caching.html

<强>更新你可以玩 max-age ..

0 =永不缓存

7200 = 2小时

172800 = 2天

..依旧等等

自动刷新新网站

3 个答案: