javascript - 如何最好地预安装或预加载或缓存 JavaScript 库以优化性能？

Question

我正在为一个 Intranet 应用程序工作。因此我对客户端机器有一些控制权。我使用的 JavaScript 库有点大。我想在每台机器(以及每个浏览器)上预安装或预加载或缓存 JavaScript 库，这样它就不会为每个请求移动。我知道浏览器确实为后续请求缓存了一个 JavaScript 库，但我希望该库为所有后续请求、 session 和用户缓存一次。

实现这一目标的最佳机制是什么？

Answer 1

您不需要为此访问客户端计算机。最佳实践都是服务器端的:

• GZip 一切；
• 精简所有 Javascript 和 CSS；
• 尽量减少外部 HTTP 请求的数量。尝试将这些保留为 1-5 个 JS 文件、1-5 个 CSS 文件和一些图像。如果你有很多图片，你可能想使用 CSS spriting ;
• 对图像、CSS 和 Javascript 进行版本控制；和
• 对所有图像、CSS 和 Javascript 使用远期 Expires header 。

最后两点意味着内容被缓存直到它改变。您可以使用正式版本的实际版本号(例如 jquery-1.4.2.min.js，1.4.2 是版本号)。对于您自己的应用程序的代码，您通常会使用文件的 mtime(上次修改时间)之类的内容作为查询字符串。例如:

<script type="text/javascript" src="/js/code.js?1233454356"></script>

在?之后是根据文件的修改时间生成的。客户端下载它一次，并且由于远 future 的 Expires header ，在版本号更改之前不会再次下载它，这在文件更改之前不会发生。