- html转化为了DOM(document object model)
- css转化为了CSSOM(css object model)
- 结合DOM和CSSOM生成了一棵渲染树
- 生成布局(layout),将这棵渲染树进行平面化
- 将布局绘制(paint)在了屏幕上面
因此这是生成了一个网页的过程,其中1,2,3,生成一棵渲染树的过程是很快的。慢的位置在于渲染的过程,即生成了布局和绘制的过程,而且这两步统称为渲染
总结: 重排和重绘会不断触发,这是不可避免的。但是,它们非常耗费资源,是导致网页性能低下的根本原因。 提高网页性能,就是要降低"重排"和"重绘"的频率和成本,尽量少触发重新渲染。