javascript - 站点 "significantly"中包含的脚本数量是否会降低性能？

Question

情况1:
在主页上:

script(src="angular.js")
script(src="ember.js")
script(src="react.js")
script(src="knockout.js")
script(src="backbone.js")
...
script(src="jQuery.js")
script(src="my-project.js")

情况2:

script(src="jQuery.js")
script(src="my-project.js")

<小时/>

在这两种情况下，my-project.js 仅使用 jQuery 函数。

除了初始加载时间之外，考虑到需要查看更多脚本，jQuery 函数是否会花费更长的时间来执行？

如果这样做，这一次是否会超过几毫秒？

Answer 1

一般来说，页面在正常运行之前发出的 HTTP 请求越多，感知到的加载时间就越慢。这就是 YUI Best Practices for Speeding Up Your Web Site 中第一个建议的原因。是“最小化 HTTP 请求”。其中存在很多细微差别，但通常使用脚本和 CSS 组合工具将脚本和样式分别分组到一个文件中。

Initial load time aside, will jQuery functions take longer to execute considering that their are more scripts to look through?

不，一点也不。一旦脚本运行并创建了函数，调用它们的成本就没有任何区别。