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

Question

我正在为Intranet应用程序工作。 因此，我对客户端计算机有一些控制权。 我正在使用的JavaScript库的大小有点大。 我想在每台机器（以及每个浏览器）上预安装或预加载或缓存JavaScript库，以使它不会针对每个请求都行进。 我知道浏览器的确会为后续请求缓存JavaScript库，但我希望为所有后续请求，会话和用户缓存一次该库。

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

Answer 1

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

• GZip一切；
• 缩小所有Javascript和CSS；
• 最小化外部HTTP请求的数量。 尝试将它们保留为1-5个JS文件，1-5个CSS文件和一些图像。 如果您有很多图像，则可能要使用CSS拼版 ；
• 图片版本，CSS和Javascript； 和
• 对所有图像，CSS和Javascript使用远期期货Expires标头。

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

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

之后? 从文件的修改时间生成。 客户端会下载一次，并且由于将来Expires标头的缘故，在版本号更改之前它不会再次下载，而在文件更改之前不会发生。

Answer 2

将逻辑与JS上的执行分开，然后您可以在第一次访问用户时加载脚本（逻辑），然后使用会话/ Cookie不再加载这些文件，但是它们将在高速缓存中，然后在需要时脚本只包含它们，它们将从缓存中消失。