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

高性能网站建设

时间:2017-12-14 03:40:10      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:网站   外观   logs   技术分享   span   浏览器   ack   获取   htm   

事实上,只有10%~20%的最终用户响应时间是花在从Web服务器获取HTML文档并传送到浏览器中。

技术分享图片

.当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。

2. 当render tree中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,比如background-color。则就叫称为重绘。

注意:回流必将引起重绘,而重绘不一定会引起回流。

减少重绘和回流

减少回流、重绘其实就是需要减少对render tree的操作(合并多次多DOM和样式的修改),并减少对一些style信息的请求,尽量利用好浏览器的优化策略。具体方法有:

1. 直接改变className,如果动态改变样式,则使用cssText(考虑没有优化的浏览器)

 

高性能网站建设

标签:网站   外观   logs   技术分享   span   浏览器   ack   获取   htm   

原文地址:http://www.cnblogs.com/czy960731/p/8035147.html

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