javascript - 如何处理浏览器缓存？

Question

您有什么技巧可以使 Web 应用程序的缓存部分恰到好处？

过期日期太长，我们会有很多陈旧的缓存，太短，我们冒着服务器因不必要的请求而过载的风险。

如何确保所有更改都会刷新所有缓存？

如何将 SVN 修订版嵌入到代码/url 中？

并排使用多个版本真的有助于解决版本不匹配问题吗？

Answer 1

查看minify元素。它是用 PHP 编写的，但您可以将它用作任何语言的蓝图。

主要特点:

• 一个配置文件，用于将多个 js 或 css 文件组合并缩小为一个文件
• 始终使用配置组中最后修改文件的最后修改日期作为 URL 参数

示例资源可能看起来像

<script type="text/javascript" src="/min/g=js1&1248185458"></script>

这将在您的配置中获取版本号为“1248185458”的“js1”组 javascript 文件，这实际上只是转换为纪元时间的最后修改日期。

当您将更新的 js 文件放在生产服务器上时，它们将有一个新的修改日期，自动成为一个新的版本号 - 没有陈旧的缓存，没有手动版本控制。

这是一个非常酷的元素，其中包含一些关于优化和缓存的深思熟虑的想法。我稍微修改了过程以插入 YUI compressor进入构建过程。您可以通过修改服务器的 header ( here 和 here )来防止从浏览器进行最后修改的查找，从而进一步优化它。