我有一个包含多个JS文件(jQuery,jQuery,我的自己的JS代码等)的Web应用程序。假设我有一个名为index.html的页面。最佳实践是如何包含/预加载我的js文件?我考虑创建一个单独的JS文件来进行预加载(包含所有其他脚本并调用jQuery.noConflict())。你们有什么建议?这可行吗?你会如何实现它?谢谢!
一般来说,将脚本文件合并成一个文件(并进行压缩或缩小,甚至编译它们,但请注意,最后一项不是零影响的,存在痛点。在此处查看注释这里和这里。基本上,快速加载页面的首要准则之一是“最小化HTTP请求”。因此,您不希望有六个单独的script标记,而可以只有一个。然而,对于流行的脚本,您可能会从Google的CDN中使用它们受益。Google很慷慨地为大多数流行的JavaScript库免费托管它们的CDN。这里的优点不仅在于CDN将相当快,而且目标用户的浏览器可能已经缓存了您想要使用的脚本的版本,即使他们以前从未访问过您的站点。
body
渲染期间使用它们的功能,则将脚本放在head
中是必要的,并会减慢页面的感知加载时间。如果您不需要它们的功能在渲染期间(包括用户在页面仍在构建时单击内容),请将它们放在body
底部。更多信息 - T.J. Crowder