如何区分chrome开发人员工具中的reflow和repaint?

时间:2017-07-28 02:04:19

标签: frontend repaint reflow

如何区分重绘

  

当对影响的元素进行更改时,会发生重绘   可见性但不是布局。例如,不透明度,背景颜色,   能见度和轮廓。重绘是昂贵的,因为浏览器   必须检查DOM中所有其他节点的可见性 - 一个或多个   可能已在变化的元素下可见。

重排

  

回流影响更大。这指的是重新计算   所有元素的位置和尺寸,导致重新渲染   部分或全部文件。更改单个元素可能会影响所有元素   孩子,祖先和兄弟姐妹。

使用chrome开发工具(或其他类似工具)?

在Chrome Performance标签中,我只看到重绘。 repaint

0 个答案:

没有答案