從瀏覽器輸入url到頁面載入完成都發生了什麼？這是乙個很經典的面試題，可以了解到乙個web前端工程師的基本知識掌握情況。作為乙個姿勢很深的前端，面試時問過很多人，也被很多人問過。現整理一下。
把大象關進冰箱分以下幾步：
1、dns解析（你說什麼？聽不懂啊，翻譯一下！）
2、tcp鏈結（3次握手確認，安檢下吧。）
4、服務端接受請求並返回響應報文（hi，小客，給你的回信，狀態碼，響應報頭、響應報文）
5、瀏覽器解析、渲染頁面（dom樹解析(html)、cssom樹解析、生成render渲染樹、layout布局、繪製）
6、結束連線
發現在把大象關進冰箱的第5步的時候，很耗時間啊，優化下，盤它：
1、dom(html)優化（靜態資源使用cdn快取；減少dom層級，不要巢狀太深；壓縮、合併。減少回流reflow和重繪repaint）
2、css優化（多提煉公共樣式；選擇器規範命名；盡量避免行內樣式；）
3、js優化（js檔案放在頁面底部載入；合併js檔案減少http請求；延遲載入defer；非同步載入async；動態建立script標籤載入；）
從輸入URL到頁面載入完成
例如 協議部分 http www.guokr.com 資源路徑 question 554991 2 如果位址不是乙個ip位址，通過dns 網域名稱系統 將該位址解析成ip位址。ip位址對應著網路上一台計算機，dns伺服器本身也有ip，你的網路設定包含dns伺服器的ip。例如 www.guokr.co...
輸入URL到頁面載入完成過程
首先是網域名稱解析，就是把url轉換成對應的ip位址 網域名稱解析 瀏覽器會先搜尋自己的dns快取，如果沒有在作業系統的dns裡檢視，如果也沒有會搜尋作業系統的hosts檔案，如果沒有會把這個網域名稱傳送到本地網域名稱伺服器上，然後本地網域名稱伺服器會查詢自己的dns快取，如果成功則返回ip位址，如...
從輸入url到頁面載入完成發生了什麼
從前端的角度來看，從輸入url到頁面載入完成發生了什麼呢？總結地來看就是這樣幾點 瀏覽器的位址列輸入url並按下回車 瀏覽器查詢當前url是否存在快取，並比較快取是否過期 dns解析url對應的ip 根據ip位址建立tcp連線 http發起請求 伺服器處理請求，瀏覽器接收http響應 構建dom樹，...