當您打開網站時，內部到底發生了什麼

了解網頁加載過程

>訪問網站，例如 amazon.in.in，涉及瀏覽器和網站服務器之間的複雜相互作用。 讓我們逐步分解這個過程。 >

1。 URL輸入和驗證：

>您輸入“ Amazon.in”，然後按Enter。瀏覽器首先驗證URL，確保其具有正確的協議（http：//或https：//）。 如果缺少，則默認為https：//。

2。 DNS分辨率：

>瀏覽器需要服務器的IP地址。 它執行DNS查找：

檢查其緩存以獲取最近的分辨率。
如果找不到，請檢查操作系統的高速緩存。
>最後，它查詢DNS服務器（您的ISP或公共公共服務器，例如Google的8.8.8.8）以獲取IP地址（例如54.239.33.123）。

3。 TCP連接：

使用TCP建立了安全連接：

三向握手： syn，syn-ack和ack包被交換以確保可靠的通信。
• 4。 tls/ssl握手（用於https）：

> 對於HTTPS（大多數站點的默認值），已設置加密：>

加密協議是協議的。 >

服務器的SSL/TLS證書已驗證以保證安全連接。

5。 http請求：
• 瀏覽器發送http（s）請求：>

方法：通常要檢索網頁。

>

• 標題：

  元數據，包括瀏覽器類型，語言首選項，cookie和cached數據。 示例請求：

6。服務器響應：

• Amazon Server處理請求並發送回：

  <code>GET / HTTP/1.1
  Host: amazon.in
  User-Agent: Mozilla/5.0</code>

狀態代碼：

指示成功（200 OK），重定向（301）或錯誤（404）。

標題：元數據喜歡內容類型（文本/html），緩存說明和cookie。

> body：

html，css，javaScript以及顯示頁面所需的其他數據。
7。客戶端渲染：
• 瀏覽器渲染網頁：

1. > html解析：>
>
2. css解析：css檔案是取得和解析的，創建了CSSOM（CSS物件模型）。 下載並執行
javaScript執行： javaScript檔案（除非使用
3. >或>使用訂單問題）。 JavaScript可以動態修改DOM和CSSOM。 asyncdefer渲染樹： dom和cssom合併以建立渲染樹，決定顯示的內容。
4. >佈局和繪畫：元素位置和尺寸是計算的，並且該頁面在螢幕上呈現。
>
5. 8。資源載入：

同時下載

圖像，視頻，字體等。 有些可能是透過CDN（內容傳遞網路）提供的。 >

9。瀏覽器快取：

>瀏覽器快取頁面的一部分（圖像，樣式表，JavaScript），以更快地載入後續存取。 伺服器標頭控制快取。

10。使用者互動：

>瀏覽器維護一個連線以處理使用者操作（單擊，表單提交），觸發新的HTTP請求。

簡化圖：

>瀏覽器： URL輸入→DNS尋找→TCP/TLS握手→HTTP請求

>

>伺服器：
1. >進程請求→發送回應（HTML，CSS，JS） >
>瀏覽器：
2. 解析→渲染器→載入資源→顯示頁>
3. >網站最佳化： 像亞馬遜這樣的主要網站使用大量最佳化：

> cdns：在地理上分發內容以更快地分配。

懶惰載入：

僅在需要時載入資源。
• 降低：減少檔案尺寸。
>
• > pregonnect/prefetch：提高資源載入速度。
• 快取：最大化資源重複使用。
• >此詳細說明涵蓋了載入網頁的完整生命週期。 讓我知道您是否需要有關任何特定步驟的更多資訊！

以上是當您打開網站時，內部到底發生了什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！