瀏覽器載入網頁的過程

2021-09-11 09:00:49 字數 1103 閱讀 1817

瀏覽器的主要功能是將使用者選擇的web資源呈現出來,它需要從伺服器請求資源,並將其顯示在瀏覽器視窗中,資源的格式通常是html,也包括pdf、image及其他格式。使用者用uri(uniform resource identifier統一資源識別符號)來指定所請求資源的位置,通過dns查詢,將**轉換為ip位址。

如果想寫出乙個最佳實踐的頁面,就要好好了解瀏覽器是如何載入網頁的。

輸入**後,實際經歷以下幾個步驟。

(1)dns伺服器

dns(domain name server,網域名稱伺服器)是進行網域名稱(domain name)和與之相對應的ip位址 (ip address)轉換的伺服器。dns中儲存了一張網域名稱(domain name)和與之相對應的ip位址 (ip address)的表,以解析訊息的網域名稱。 網域名稱是internet上某一台計算機或計算機組的名稱,用於在資料傳輸時標識計算機的電子方位(有時也指地理位置)。網域名稱是由一串用點分隔的名字組成的,通常包含組織名,而且始終包括兩到三個字母的字尾,以指明組織的型別或該域所在的國家或地區。

dns查詢過程如下:

伺服器給瀏覽器響應乙個301永久重定向響應,為什麼伺服器一定要重定向而不是直接發會使用者想看的網頁內容呢?其中乙個原因跟搜尋引擎排名有關。如果乙個頁面有兩個位址,就像

和搜尋引擎會認為它們是兩個**,結果造成每乙個的搜尋鏈結都減少從而降低排名。而搜尋引擎知道301永久重定向是什麼意思,這樣就會把訪問帶www的和不帶www的位址歸到同乙個**排名下。還有乙個是用不同的位址會造成快取友好性變差。當乙個頁面有好幾個名字時,它可能會在快取裡出現好幾次。

現在,瀏覽器知道了要訪問的正確位址,所以它會傳送另乙個獲取請求。請求頭部一般包括:

accept

accept-language

accept-encoding

connection

user-agent

cookie

host

伺服器接收到獲取請求,然後處理並返回乙個響應。

在瀏覽器顯示html時,它會注意到需要獲取其他位址內容的標籤。這時,瀏覽器會傳送乙個獲取請求來重新獲得這些檔案。這些檔案就包括css/js/等資源,這些資源的位址都要經歷乙個和html讀取類似的過程。所以瀏覽器會在dns中查詢這些網域名稱,傳送請求,重定向等等…

瀏覽器載入過程

瀏覽器載入過程 載入過程 2.瀏覽器根據ip位址向伺服器發起http請求 包括三次握手 3.伺服器處理http請求,並返回給瀏覽器 渲染過程 1.瀏覽器根據html 生成dom樹 2.瀏覽器根據css 生成cssom 3.將dom樹和cssom整合形成render 樹 渲染樹 只有dom樹是無法渲染...

瀏覽器訪問網頁過程

在瀏覽器輸入 最後,瀏覽器呈現出相應網頁,這個過程究竟發生了什麼?第一步,解析網域名稱,找到主機ip 1 瀏覽器會快取dns一段時間,一般2 30分鐘不等。如果有快取,直接返回ip,否則下一步。2 快取中無法找到ip,瀏覽器會進行乙個系統呼叫,查詢hosts檔案。如果找到,直接返回ip,否則下一步。...

瀏覽器訪問網頁的簡要過程

我們以一張為例,進行講解 首先 對圖中的圖形進行解釋 圖中資料均為假設值 a,b,c,d,e,f,g分別是路由器,均存在兩個以上的mac位址 路由器g左邊的藍色長方體為交換器,其ip位址和子網掩碼分別是15.0.0.0和255.0.0.0 訪問請求過程 客戶端生成乙個資料報 首部 15.0.0.2 ...