前端效能優化之白屏時間

該篇文章會為您分享在前端效能優化中非常重要的一環-白屏時間，將從白屏時間的概念、重要性以及白屏的過程一一進行闡述，同時提供效能優化的策略與實踐。

白屏時間的長短將直接影響使用者對該**的第一印象。

當使用者點開乙個鏈結或者是直接在瀏覽器中輸入url開始進行訪問時，就開始等待頁面的展示。頁面渲染的時間越短，使用者等待的時間就越短，使用者感知到頁面的速度就越快。這樣可以極大的提公升使用者的體驗，減少使用者的跳出，提公升頁面的留存率。

開啟乙個頁面就像你的女票召喚你一樣，你出現的越迅速，女票肯定會愈加欣喜！反之，你千呼萬喚始出來，那麼你的女票很可能又要拋棄你了(為什麼要對你說又呢? …)

讓我們一起來揭秘：從開啟乙個頁面，到頁面的畫面展示經歷了怎樣的過程！

dns lookup 即瀏覽器從dns伺服器中進行網域名稱查詢。

瀏覽器會先對頁面進行網域名稱解析，獲取到伺服器的ip位址後，進而和伺服器進行通訊。

tips:通常在整個載入頁面的過程中，瀏覽器會多次進行dns lookup，包括頁面本身的網域名稱查詢以及在解析html頁面時載入的js、css、image、video等資源產生的網域名稱查詢。

瀏覽器和服務端tcp請求建立的過程，是基於tcp/ip，該協議由網路層的ip和傳輸層的tcp組成。ip是每一台網際網路裝置在網際網路中的唯一位址。

tcp通過三次握手建立連線，並提供可靠的資料傳輸服務。

在tcp連線建立後，web伺服器接受請求，開始進行處理，同時瀏覽器端開始等待伺服器的處理響應。

web伺服器根據請求型別的不同，進行相應的處理。靜態資源如、css檔案、靜態html直接進行響應；如其他註冊的請求**給相應的應用伺服器，進行如資料處理、快取中取資料，將資料按照約定好的格式響應給瀏覽器。

在大型應用中，通常為分布式服務架構，應用伺服器的處理有可能經過很多個系統的中介軟體，最終獲取到需要的資料

**tips:**瀏覽器安全解析策略對解析html造成的影響：

針對dns lookup環節，我們可以針對性的進行dns解析優化。

針對網路鏈路的優化，好像除了花錢沒有什麼更好的方式！

服務端的處理優化，是乙個非常龐大的話題，會涉及到如redis快取、資料庫儲存優化或是系統內的各種中介軟體以及gzip壓縮等…