浏览器如何处理过期头、缓存控制头、上次修改的头?

此日志可能有助于:

http://blog.httpwatch.com/2007/12/10/two-simple-rules-for-http-caching/

它解释了如何使用缓存,同时保持在需要时进行更改的能力。

对于CSS文件,标准的“解决方法”是递增地向链接添加参数:

<link rel="stylesheet" href="http://mysite.com/styles.css?v=1">
<link rel="stylesheet" href="http://mysite.com/styles.css?v=2">
...

这将强制浏览器重新加载文件。

如果您使用的是服务器端语言,则可以强制浏览器再次下载该文件。

<script src="script.js?<?= uniqid(); ?>">
<img src="myfile.jpg?<?= uniqid(); ?>">

但是,如果您想拥有一个更快的站点,那么在您开始禁用缓存之前,请记住,缓存中的任何内容都不必再次下载。

还有一种方法可以控制需要缓存的内容, HTML5 Application Cache ,将缓存逻辑转储到清单文件中。因此,在清单文件本身更改之前,不会再次下载清单中的每个文件。

请记住,如果您在JS、CSS、图像文件中更改了某些内容,并且需要将该更改推送到经常访问的访问者,那么您还需要更新清单文件。您可以像添加发布日期一样添加,这样浏览器就知道它是一个新的清单,它将再次下载所有内容。