2020-07-02：在瀏覽器輸入一個url后按回車，會發生什么？

福哥答案2020-07-02：

簡單回答：

1. 域名解析。

2. 建立TCP連接。

3. 請求。

4. 處理。

5. 響應。

6. 釋放TCP連接。

7. 頁面渲染。

中級回答：

1. 域名解析

1.1. 瀏覽器DNS緩存。

1.2. 操作系統DNS緩存。

1.3. 路由器緩存。

1.4. ISP 服務商緩存。

1.5. 根服務器遞歸查詢。

2. 建立TCP連接。三次握手。

3. 請求。

請求報文格式：

3.1. 請求行。

請求方式、url、版本，比如 POST? index.html? / HTTP/1.1。

3.2. 請求頭。

鍵值對，比如Connection: Keep-Alive。

3.3. 空行。

3.4. 請求體。

3.4.1. 鍵值對，比如Pn=2&kw=nba。

3.4.2. 分隔符上傳文件。

Content-Type:multipart/form-data;boundary=-----------------------------7db372eb000e2

和

-------------------------------7db372eb000e2

Content-Disposition: form-data; name="file"; filename="kn.jpg"

Content-Type: image/jpeg

(此處省略jpeg文件二進制數據...）

4. 處理。

5. 響應。

響應報文格式：

5.1. 響應行。

版本、狀態碼、描述。比如 HTTP/1.1 200 OK。

5.2. 響應頭。

鍵值對，比如 Content-Length: 122。

5.3. 空行。

5.4. 響應體。

6. 釋放TCP連接。四次揮手。

7. 頁面渲染。

7.1. 構建dom樹。

7.2. 構建CSSOM 樹。

7.3. 構建渲染樹。

7.4. 布局計算。

7.5. 渲染呈現。

有那些網站優化的方法？

①減少DNS查詢:將服務器域名的ip信息加入本地host文件。

②減少http請求數量，對于圖片使用雪碧圖,對于html文件和css文件，js文件分別進行合并操作。

③減少下載時間：壓縮圖片，使用壓縮應用壓縮文檔中的空格，刪除文件多余的語句和注釋，創造自己的js精簡庫和精簡框架,使用本地瀏覽器緩存。

④提前渲染開始時間：將css鏈接放在html頭部。

⑤減輕解析器的阻塞：將js鏈接放在body尾部。

渲染 DNS

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。