要理解網(wǎng)頁性能為什么不好,就要了解網(wǎng)頁是怎么生成的。
網(wǎng)頁的生成過程,大致可以分成五步。
- HTML代碼轉(zhuǎn)化成DOM
- CSS代碼轉(zhuǎn)化成CSSOM(CSS Object Model)
- 結(jié)合DOM和CSSOM,生成一棵渲染樹(包含每個(gè)節(jié)點(diǎn)的視覺信息)
- 生成布局(layout),即將所有渲染樹的所有節(jié)點(diǎn)進(jìn)行平面合成
- 將布局繪制(paint)在屏幕上
這五步里面,第一步到第三步都非???,耗時(shí)的是第四步和第五步。
"生成布局"(flow)和"繪制"(paint)這兩步,合稱為"渲染"(render)。
更多建議: