一、網(wǎng)頁生成的過程

一、網(wǎng)頁生成的過程

要理解網(wǎng)頁性能為什么不好，就要了解網(wǎng)頁是怎么生成的。

網(wǎng)頁的生成過程，大致可以分成五步。

1. HTML代碼轉(zhuǎn)化成DOM
2. CSS代碼轉(zhuǎn)化成CSSOM（CSS Object Model）
3. 結(jié)合DOM和CSSOM，生成一棵渲染樹（包含每個(gè)節(jié)點(diǎn)的視覺信息）
4. 生成布局（layout），即將所有渲染樹的所有節(jié)點(diǎn)進(jìn)行平面合成
5. 將布局繪制（paint）在屏幕上

這五步里面，第一步到第三步都非?？?，耗時(shí)的是第四步和第五步。

"生成布局"（flow）和"繪制"（paint）這兩步，合稱為"渲染"（render）。