网页怎么生成的

1. html转化为了DOM（document object model）
2. css转化为了CSSOM(css object model)
3. 结合DOM和CSSOM生成了一棵渲染树
4. 生成布局（layout），将这棵渲染树进行平面化
5. 将布局绘制（paint）在了屏幕上面

所以这是生成了一个网页的过程，其中1，2，3，生成一棵渲染树的过程是很快的。慢的位置在于渲染的过程，即生成了布局和绘制的过程，并且这两步统称为渲染

总结： 重排和重绘会不断触发，这是不可避免的。可是，它们很是耗费资源，是致使网页性能低下的根本缘由。 提升网页性能，就是要下降"重排"和"重绘"的频率和成本，尽可能少触发从新渲染。