簡要了解一下一個頁面的渲染過程比較重要,從耗時的角度,瀏覽器請求、加載、渲染一個頁面,時間花在下面五件事情上:
一,DNS 查詢
二,TCP 連接
三,HTTP 請求即響應
四,服務器響應
五,客戶端渲染
本文討論第五個部分,即瀏覽器對內容的渲染,這一部分(渲染樹構建、佈局及繪製),又可分爲五個步驟:
1,處理 HTML 標記並構建 DOM 樹。
2,處理 CSS 標記並構建 CSSOM 樹。
3,將 DOM 與 CSSOM 合併成一個渲染樹。
4,根據渲染樹來佈局,以計算每個節點的幾何信息。
5,將各個節點繪製到屏幕上。
簡要整理,懶人計劃,歡迎拍磚討論...