站点中包含的脚本数量是否“显着”降低了性能?

时间:2015-08-03 18:28:59

标签: javascript jquery performance client-side

案例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函数是否需要更长时间才能执行,因为它们需要查看更多脚本?

如果他们这样做,这次超过几毫秒吗?

1 个答案:

答案 0 :(得分:2)

页面在运行之前发出的HTTP请求越多,通常情况下,感知加载时间越慢。这就是为什么YUI Best Practices for Speeding Up Your Web Site中的第一个建议是“最小化HTTP请求”。那里有一个很多的细微差别,但通常使用脚本和CSS组合工具将脚本和样式分组到一个文件中。

  

除了初始加载时间之外,jQuery函数是否需要更长时间才能执行,因为它们需要查看更多脚本?

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