如何使Web浏览器缓存内容无效

Question

我一直在深入研究Google Page Speed,优化了我正在努力获得的很多网站 - 而且非常成功,我很自豪地说.

我遇到的唯一缺点是,通过一些缓存工作,对JS和CSS的小改动往往不会导致下载文件的新副本.

有什么方法可以对JS,CSS(或其他资源)进行更改以强制下载新副本吗？

Answer 1

我有时遇到类似的问题,JS和CSS被缓存到很长时间.对我有用的解决方案是,将最后一次更新的版本号或时间戳添加到文件名作为查询字符串.通过这种方式,浏览器将文件视为已更改,并将再次下载.

获取JS可能是这样的:

http://yourdomain.com/content/js/functions.js?v=201232

Answer 2

我知道这可能是显而易见的，因为您可以认为使缓存无效的“版本控制”技术适用于任何请求的静态资源，但如果不是，我将在此处输入。

我们允许对我们的一些应用程序进行品牌化，这意味着图像文件在客户使用我们的生命周期中经常发生变化，以及前面提到的其他静态文件。如果文件使用相同的名称，缓存就会出现问题。方便地，对图像源进行版本控制的想法也同样有效。

<img src="images/title.gif?v=2" />

此外，提及这一点可能并不重要，但是，在这方面，术语“使缓存无效”在技术上并不正确。使缓存无效就是删除缓存条目。没有实际的方法可以真正以编程方式为浏览器执行此操作。我们实际上在这里谈论的是由于文件名改变而要求网络服务器提供一个新文件，而不是强行删除原始文件。您可以通过在未使用的版本和较旧的使用版本之间来回更改文件版本并分别查看 HTTP 200 和 304 响应来轻松测试这一点。