瀏覽器渲染原理

簡要了解一下一個頁面的渲染過程比較重要,從耗時的角度,瀏覽器請求、加載、渲染一個頁面,時間花在下面五件事情上:

一,DNS 查詢

二,TCP 連接

三,HTTP 請求即響應

四,服務器響應

五,客戶端渲染


本文討論第五個部分,即瀏覽器對內容的渲染,這一部分(渲染樹構建、佈局及繪製),又可分爲五個步驟:

1,處理 HTML 標記並構建 DOM 樹。

2,處理 CSS 標記並構建 CSSOM 樹。

3,將 DOM 與 CSSOM 合併成一個渲染樹。

4,根據渲染樹來佈局,以計算每個節點的幾何信息。

5,將各個節點繪製到屏幕上。

簡要整理,懶人計劃,歡迎拍磚討論...

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章