瀏覽器渲染頁面的過程

從耗時的角度,瀏覽器請求、加載、渲染一個頁面,時間花在下面五件事情上:

DNS 查詢

TCP 鏈接

HTTP 請求即響應

服務器響應

客戶端渲染

  1. 處理 HTML 標記並構建 DOM 樹。
  2. 處理 CSS 標記並構建 CSSOM 樹。
  3. 將 DOM 與 CSSOM 合併成一個渲染樹。
  4. 根據渲染樹來佈局,以計算每一個節點的幾何信息。
  5. 將各個節點繪製到屏幕上。
相關文章
相關標籤/搜索