一欲险、加載資源的形式
輸入U(xiǎn)RL(或跳轉(zhuǎn)頁面)加載HTML
加載HTML中的靜態(tài)資源
二、加載資源的過程
DNS解析
客戶端發(fā)送HTTP請(qǐng)求
服務(wù)器收到须喂、處理并返回HTTP請(qǐng)求
瀏覽器得到返回內(nèi)容
三吁断、瀏覽器渲染頁面的過程
根據(jù)HTML結(jié)構(gòu)生成DOM Tree
根據(jù)CSS生成 Style Tree
將DOM Tree和Style Tree整合生成Render Tree
遇到<script>時(shí)趁蕊,會(huì)執(zhí)行并阻塞渲染
四、DNS解析
1仔役、瀏覽器搜索自身的DNS緩存
2掷伙、搜索操作系統(tǒng)自身的DNS緩存
3、讀取本地的HOST文件
4又兵、瀏覽器發(fā)起一個(gè)DNS系統(tǒng)調(diào)用
? ? 1)寬帶運(yùn)營(yíng)商服務(wù)器查看本身緩存
? ? 2)運(yùn)營(yíng)商服務(wù)器發(fā)起一個(gè)迭代DNS解析的請(qǐng)求
5任柜、瀏覽器獲得域名對(duì)應(yīng)的IP地址后,發(fā)起“三次握手”沛厨,建立TCP連接