码迷,mamicode.com
首页 > Web开发 > 详细

高性能网站建设-6将脚本放在底部

时间:2018-11-22 23:51:20      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:之间   使用   设置   cti   并行   用户   总结   存在   10个   

1.脚本带来的问题

1.1将脚本从页面的顶部移到底部,会使页面既可以逐步呈现,也可以提高下载的并行度。

1.2将脚本放在页面越靠下的地方,意味着越多的内容能够逐步呈现。

2.并行下载

2.1 HTTP1.1规范:建议浏览器从每个主机名并行的下载两个组件。

2.2 默认情况下,IE和Firefox都遵守这一建议。可以再IE、Firefox来修改这一默认设置。

2.3 因此,与其依赖用户来修改浏览器设置,不如简单地使用CNAME(DNS别名)来将组件分别放到多个主机名中。

2.4增加并行下载的代价:消耗带宽和CPU速度,过多会降低性能。

2.5研究表明:使用2个主机名,比使用1、4或10个主机名能带来更好地性能。

3脚本阻塞下载

3.1在下载脚本时,浏览器并行下载实际上被禁用的。--即使使用了不同的主机名,浏览器也不会启动其他的下载。

3.2脚本下载时,浏览器其阻塞下载的原因:

- 脚本可能使用document.write来修改页面内容,浏览器等待,以确保页面能恰当的布局。
- 为了确保脚本能够按照正确的顺序执行。(因为脚本之间可能存在依赖关系)

4

4.1脚本对Web页面的影响

- 脚本会阻塞对其后面内容的呈现
- 脚本会阻塞对其后面组件的下载

4.2放置脚本最好的地方是页面的底部。

- 将脚本放在底部后,虽然请求时间较长,但对页面的影响很小。

4.3 另一种建议:使用延迟脚本(Deffered)。在Firefox种,即使是延迟脚本也会阻塞呈现和并行下载。

5.总结:将脚本移到页面底部。

高性能网站建设-6将脚本放在底部

标签:之间   使用   设置   cti   并行   用户   总结   存在   10个   

原文地址:https://www.cnblogs.com/xuzhengguo/p/10004563.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!