Reflow(回流)

来源:互联网 发布:播音录音软件 编辑:程序博客网 时间:2024/04/28 01:17
回流(叫重新排列,好理解些)是浏览器的一种进程(Progress),目的是为了重新计算部分或全部的文档(Document)元素的位置或几何形状,元素中任何会影响其他元素的改动都会引发回流。为了提高网页的加载速度以及用户的体验应该尽可能的减少回流。以下为《Minimizing browser reflow》(https://developers.google.com/speed/articles/reflow)文章中提出的意见:1.减少不必要的DOM深度。 在DOM树中的一个级别的改变可以导致在树的每个级别上的改变 - 一直到根,以及一直到修改的节点的孩子。 这导致花费更多的时间来执行回流。2.最小化CSS规则,并删除未使用的CSS规则。3.如果您进行复杂的渲染更改(如动画),请执行此操作。 使用位置绝对或位置固定来完成这一点。4.避免不必要的复杂CSS选择器 - 特别是后代选择器 - 因为需要更多的CPU功能来做选择器匹配。
0 0
原创粉丝点击