1.4 在瀏覽器輸入網址並送出後,發生了什麼事?

  1. DNS解析,從URL找到IP位址

  2. 發送HTTP請求(GET、POST、PUT、DELETE)

  3. Server處理請求,並返回信息(HTML、CSS、JS、圖片)

  4. 伺服器解析渲染頁面 4.1 解析 HTML 以建立 DOM tree 4.2 解析 CSS 以建立 CSSOM 4.3 結合 DOM tree 與 CSSOM 產生 render tree、字型處理 4.4 利用 render tree 計算可視元素的版面配置、繪製和合成,這部份可能會有些 JavaScript 程式碼導致重新佈局或重繪,瀏覽器完成渲染即可將畫面呈現給使用者

Last updated