Browser
瀏覽器的工作順序
1. DNS 查詢
瀏覽器從域名服務器發起 DNS 查詢請求 得到 IP 位址
2. TCP 透過 3方交握 建立連線
3. TLS 安全協議
4. 解析 Parse
Parsing HTML
解析 HTML 並建構 DOM ( Document Object Model) Tree
透過 HTML Tag 建立的 Tree 描述了文件的結構
Tree 中 反映了不同的 Tag 中的層級關係
DOM 節點越多 建構 DOM 的時間越長
當解析中遇到css 或圖片時會請求資源並繼續解析
但遇到 script 標籤會阻塞渲染 並停止解析
Preload Scanner
Parsing CSS
Render Tree
Layout
Paint
compositing
Reflow 和 Repaint
Last updated