網頁怎麼生成的

1. html轉化爲了DOM（document object model）
2. css轉化爲了CSSOM(css object model)
3. 結合DOM和CSSOM生成了一棵渲染樹
4. 生成佈局（layout），將這棵渲染樹進行平面化
5. 將佈局繪製（paint）在了屏幕上面

所以這是生成了一個網頁的過程，其中1，2，3，生成一棵渲染樹的過程是很快的。慢的位置在於渲染的過程，即生成了佈局和繪製的過程，並且這兩步統稱爲渲染

總結： 重排和重繪會不斷觸發，這是不可避免的。可是，它們很是耗費資源，是致使網頁性能低下的根本緣由。 提升網頁性能，就是要下降"重排"和"重繪"的頻率和成本，儘可能少觸發從新渲染。