一、加載資源的形式

輸入URL（或跳轉(zhuǎn)頁面）加載HTML

加載HTML中的靜態(tài)資源

二、加載資源的過程

DNS解析

客戶端發(fā)送HTTP請求

服務器收到、處理并返回HTTP請求

瀏覽器得到返回內(nèi)容

三、瀏覽器渲染頁面的過程

根據(jù)HTML結(jié)構(gòu)生成DOM Tree

根據(jù)CSS生成 Style Tree

將DOM Tree和Style Tree整合生成Render Tree

遇到<script>時，會執(zhí)行并阻塞渲染

四、DNS解析

1、瀏覽器搜索自身的DNS緩存

2、搜索操作系統(tǒng)自身的DNS緩存

3、讀取本地的HOST文件

4、瀏覽器發(fā)起一個DNS系統(tǒng)調(diào)用

? ? 1）寬帶運營商服務器查看本身緩存

? ? 2）運營商服務器發(fā)起一個迭代DNS解析的請求

5、瀏覽器獲得域名對應的IP地址后，發(fā)起“三次握手”，建立TCP連接