關於常問的輸入URL到看到頁面發生的全過程

2022-08-30 16:42:16 字數 400 閱讀 4442

renderer程序開始解析css rule tree和dom tree,這兩個過程是並行的,所以一般我會把link標籤放在頁面頂部。

css rule tree和dom tree生成完了之後,開始合成render tree,這個時候瀏覽器會進行layout,開始計算每乙個節點的位置,然後進行繪製。

繪製結束後,關閉tcp連線,過程有四次揮手。

以及為什麼css和js的位置會影響頁面效率

css在載入過程中不會影響到dom樹的生成,但是會影響到render樹的生成,進而影響到layout,所以一般來說,style的link標籤需要盡量放在head裡面,因為在解析dom樹的時候是自上而下的,而css樣式又是通過非同步載入的,這樣的話,解析dom樹下的body節點和載入css樣式能盡可能的並行,加快render樹的生成的速度。

從輸入URL到看到頁面發生的全過程

瀏覽器首先查詢當前url是否有快取,有的話,再查詢是否過期,沒過期則讀快取.過期了則訪問web伺服器.1.客戶端傳送乙個syn包 即帶有 syn 1,seq x 的資料報到伺服器端口,並進入syn sent狀態,等待伺服器確認 第一次握手,由瀏覽器發起,告訴伺服器我要傳送請求了 2.伺服器收到syn...

從輸入URL到頁面展示

這個時候有兩種情況,第一種是子網域名稱伺服器返回了這個url對應的ip位址,第二種情況是經過了cdn排程,如果目標 使用了cdn服務,則需要在cdn服務商的平台設定相應的cname記錄,這個記錄是cdn服務廠商的乙個dns伺服器的網域名稱,子網域名稱伺服器會返回這個cname記錄,本地dns伺服器得...

從輸入URL到頁面渲染

url請求過程 瀏覽器收到http響應 reference 前人栽樹,後人乘涼,以下為學習筆記。從輸入url到頁面展示,這中間發生了什麼?這是一道經典面試題,涉及到了網路 作業系統 web 等一系列的知識。當我們在位址列中輸入url並按下回車後,瀏覽器裡發生第一件事是觸發解除安裝事件,即 befor...