网站中包含的脚本数量是否会“显著”降低性能?

Does the number of scripts included in a site "significantly" decrease performance?

提问人:Bryan Grace 提问时间:8/4/2015 更新时间:8/4/2015 访问量:25

问:

案例 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")

案例二:

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

在这两种情况下,my-project.js都只使用 jQuery 函数。

撇开初始加载时间不谈,考虑到有更多的脚本需要查看,jQuery函数需要更长的时间来执行吗?

如果他们这样做了,这个时间是否超过几毫秒?

JavaScript jQuery 性能 客户端

评论

0赞 Alex Booker 8/4/2015
SO 上有很多聪明的成员,也许有人会立即知道这个问题的答案,但唯一确定的方法是自己对此进行基准测试。就其价值而言,相对于应用程序的其余部分,几乎可以肯定其影响微乎其微。

答:

2赞 T.J. Crowder 8/4/2015 #1

一般来说,您的页面在运行之前发出的 HTTP 请求越多,感知的加载时间就越慢。这就是为什么 YUI 加速网站最佳实践中的第一个建议是“最小化 HTTP 请求”。这里有很多细微差别,但通常使用脚本和 CSS 组合工具将脚本和样式分别分组到一个文件中。

撇开初始加载时间不谈,考虑到有更多的脚本需要查看,jQuery函数需要更长的时间来执行吗?

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