此文大體介紹瀏覽器從獲取到url到頁面渲染完成，瀏覽器都做了那些操作。具體內容不做深入的剖析。文章中會提到的一些網路傳輸方面的概念，現在不過多解釋（因我也沒有學習透徹），所以只記錄大概的渲染過程，以及過程中作為前台牽扯到web優化的方面。
從獲取到url到頁面渲染完成過程如下：
此過程涉及http狀態碼、304快取、http報文等
此過程涉及任務佇列，巨集任務、微任務、事件迴圈（event loop）
渲染樹包含多個帶有視覺屬性（如顏色和尺寸）的矩形。這些矩形的排列順序就是它們將在螢幕上顯示的順序。
web效能優化思路：
減少操作dom，減少回流和重繪，操作dom必然發生回流和重繪
以上操作，如下圖：
從輸入URL到頁面渲染
url請求過程 瀏覽器收到http響應 reference 前人栽樹，後人乘涼，以下為學習筆記。從輸入url到頁面展示，這中間發生了什麼?這是一道經典面試題，涉及到了網路 作業系統 web 等一系列的知識。當我們在位址列中輸入url並按下回車後，瀏覽器裡發生第一件事是觸發解除安裝事件，即 befor...
從輸入URL到頁面載入完成
例如 協議部分 http www.guokr.com 資源路徑 question 554991 2 如果位址不是乙個ip位址，通過dns 網域名稱系統 將該位址解析成ip位址。ip位址對應著網路上一台計算機，dns伺服器本身也有ip，你的網路設定包含dns伺服器的ip。例如 www.guokr.co...
從輸入 URL 到瀏覽器渲染完成
首先，判斷是不是https的，如果是，則https其實是http ssl tls 兩部分組成，也就是在http上又加了一層處理加密資訊的模組。服務端和客戶端的資訊傳輸都會通過tls進行加密，所以傳輸的資料都是加密後的資料。進行三次握手，建立tcp連線。第一次握手 建立連線。客戶端傳送連線請求報文段，...