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

Question

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

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

Answer 1

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

everything;

• Minify
• GZip
• 可最大限度地减少外部HTTP请求的数量。试着保持这些，比方说，1-5个JS文件，1-5个CSS文件和一些图像。如果你有很多图片，你可能想要使用CSS spriting;
• Version你的图片，CSS和Javascript；
• 为所有图片使用一个远期过期标题。

最后两点表示内容将被缓存，直到内容发生更改。你可以使用正式发布的实际版本号(例如jquery-1.4.2.min.js，1.4.2是一个版本号)。对于您自己的应用程序的代码，您通常会使用文件的mtime (上次修改时间)之类的内容作为查询字符串。例如：

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

在从文件的修改时间生成?之后。客户端下载它一次，并且由于很久以后的Expires头，它不会被再次下载，直到版本号改变，这不会发生，直到文件改变。

Answer 2

将逻辑与JSs上的执行分离，然后可以在第一次用户访问时加载脚本(逻辑)，然后使用会话/cookie不再加载这些文件，但它们将在缓存中，然后，当您需要脚本时，只需包括它们，它们将从缓存中加载。