javascript - 可靠的文件缓存

Question

我正在尝试确定缓存我的 JavaScript 和 CSS 文件的最佳方式。

有几种方法可以做到这一点:

1. 使用Date、Expires 和Cache-Control header
2. 使用 ETag header
3. 永久缓存并在文件更改时更改文件名
4. 将查询字符串附加到 HTML 中的文件名，最后修改时间或文件内容的 MD5

我的印象是最后一种方法(4)是最可靠的，并且会导致最少的不必要请求，但我的 friend 刚刚告诉我，有时 querystring 方法不可靠，你实际上需要更改文件名。

将 HTTP header 设置为永久缓存并仅使用具有最后修改时间的查询字符串是否有任何缺点，或者是否存在另一种方法更有益的情况？

Answer 1

我是方法 4 的忠实粉丝，但我使用 Session Id，就可以了。因此，进入我的网站的用户将在每个 session 中加载一次(如果访问者保持不活动状态超过 20 分钟或关闭浏览器窗口， session 通常会终止)。

在 Asp.net 中，我使用该语法:

<script src="js/DetalhesCurso.js?<%=Session.SessionID%>"></script>