避免在网站的不同页面上加载相同的Javascript/CSS文件

Question

我们在一个网站上有多个页面，它们需要很多相同的Javascript和CSS文件。

如果浏览其他页面的用户已经下载了这些文件，我们该如何避免再次下载这些文件？

Answer 1

如果文件位于相同路径中，浏览器应自动缓存它。如果可能的话，您可能希望通过Web服务器或编程环境明确指定缓存到期时间。

Answer 2

如果您使用HTTP流量分析器，如Fiddler，您应该看到对JavaScript和CSS资源的请求返回HTTP代码304 (Not Modified)。这告诉浏览器“缓存中的资源版本与服务器上的版本相同，因此您无需再次下载”。

为了获得更好的性能，您可以为这些资源显式设置缓存标头。

这caching tutorial有很好的信息。

Answer 3

如果需要缓存，则应该明确设置缓存标头。 www.fiddler2.com/redir/?id=httpperf