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
- Reflow(回流)
- 关于reflow回流问题
- 回流reflow和重绘repaint
- Reflow(回流)和Repaint(重绘)
- 回流reflow与重绘repaint
- 回流(reflow)与重绘(repaint)
- reflow(回流)和repaint(重绘)
- 重绘和回流repaint/reflow
- 回流(reflow)和重绘(repaint)
- 重绘和回流repaint/reflow
- 【web前端优化之reflow】减少页面的回流
- [Web 性能] repaint and reflow (重绘和回流)
- 减少页面回流与重绘(Reflow & Repaint)
- reflow(回流)和repaint(重绘)及其优化
- 减少页面回流与重绘(Reflow & Repaint)
- 关于Repaint(重绘)与Reflow(回流)
- reflow(回流)和repaint(重绘)及其优化
- 重绘与回流(repaint和reflow)
- BZOJ 1093: [ZJOI2007]最大半连通子图 强连通分量缩点,最长链,拓扑排序,DP
- 大家都说AI,我说说AI对成人产业的影响
- Hrbust 1836 2012世界末日【01背包+反路径输出】
- BigInteger找大素数
- 微信 聊天 机器人 python itchat
- Reflow(回流)
- POJ 1080 Human Gene Functions(LCS变形)
- 12.1.1
- pat-旧键盘打字
- Python 网络抓取和文本挖掘-1 HTML 和 HTMLParser
- Facebook开启USB物理验证,是不是有点麻烦?
- C语言实验——矩阵下三角元素之和 (sdut oj)
- 笔记之android 动画1 用代码来实现动画
- POJ3468--Splay维护区间加标记