所以我有多个 JS 文件(jQuery、jQuery、我自己的 JS 代码等等)的 Web 应用程序。假设我有一个名为 index.html 的页面。包含/预加载我的 js 文件的最佳做法是什么?我正在考虑创建一个单独的 JS 文件来进行预加载(包括所有其他脚本并调用 jQuery.noConflict())。你们有什么建议?这可能吗?你将如何实施它?
谢谢!
所以我有多个 JS 文件(jQuery、jQuery、我自己的 JS 代码等等)的 Web 应用程序。假设我有一个名为 index.html 的页面。包含/预加载我的 js 文件的最佳做法是什么?我正在考虑创建一个单独的 JS 文件来进行预加载(包括所有其他脚本并调用 jQuery.noConflict())。你们有什么建议?这可能吗?你将如何实施它?
谢谢!
一般来说,将你的脚本文件合并到一个文件中(并缩小或压缩它们,甚至编译它们,但请注意,最后一项并非零影响,有痛点)。请参阅此处和此处的注释。基本上,您将看到的关于良好快速页面加载的首要准则之一是“最小化 HTTP 请求”。所以你不想要六个单独的script
标签,你可以有一个。
但是,对于流行的脚本,您可能会从Google 的 CDN中受益。Google 很乐意在其 CDN 上免费托管最流行的 JavaScript 库。这里的优势不仅在于 CDN 将相当快,而且目标用户的浏览器很可能具有您想要使用的脚本的缓存版本,即使他们以前从未访问过您的站点。
最好的办法是把所有的js文件最小化,合并成一个脚本。这将减少浏览器的工作量,因为它不必向服务器发出多个请求。
如果您要同时加载所有内容,则可以将它们全部放入一个压缩文件中