目的
为了提高页面性能,因为重排的消耗较大而且直接影响用户界面，它们将会给响应式网站以及 web APP 造成较大的影响。
定义
重绘[repaints]
重绘是指元素外观的改变所触发的浏览器行为,例如，color/visibility/outline/background-color。等属性引起的元素外观的改变。
回流[reflows]
回流又叫重排,是指浏览器计算页面的全部或部分布局所做的处理。调整浏览器窗口大小，使用伪类（比如 :hover），以及使用JavaScript 操作DOM，影响到页面布局事件的发生，就会导致重排。
同步重排[synchronous reflows]
Web 控制台可以通过记录重排事件来显示出这个重排消耗的时间，如果是由 JavaScript 触发的重排，这个时间是指同步重排（synchronous reflows）时消耗的时间。