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

2018-02-24 15:45 更新

一、網(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)。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)