前端老生常談之---從輸入 URL 到頁面加載完成，發生了什麼？

從輸入 URL 到頁面加載完成，發生了什麼？

我們現在站在性能優化的角度，一起簡單地複習一遍這個經典的過程：

首先我們需要通過 DNS（域名解析系統）将 URL 解析為對應的 IP 位址，

然後與這個 IP 位址确定的那台伺服器建立起 TCP 網絡連接配接，随後我們向服務端抛出我們的 HTTP 請求，服務端處理完我們的請求之後，把目标資料放在 HTTP 響應裡傳回給用戶端，

拿到響應資料的浏覽器就可以開始走一個渲染的流程。

渲染完畢，頁面便呈現給了使用者，并時刻等待響應使用者的操作。

我們将這個過程切分為如下的過程片段：

DNS 解析

TCP 連接配接

HTTP 請求抛出

服務端處理請求，HTTP 響應傳回

浏覽器拿到響應資料，解析響應内容，把解析的結果展示給使用者

謹記，我們任何一個使用者端的産品，都需要把這 5 個過程滴水不漏地考慮到自己的性能優化方案内、反複權衡，進而打磨出使用者滿意的速度。