谷歌控制面板中的NetWrok
生活随笔
收集整理的這篇文章主要介紹了
谷歌控制面板中的NetWrok
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
瀑布圖顏色說明:
1. 深綠色 :瀏覽器和服務(wù)器進行通信之前, 必須經(jīng)過 DNS 查詢, 將域名轉(zhuǎn)換成 IP 地址
2. 橙色 :在瀏覽器發(fā)送請求之前, 必須建立 TCP 連接
3. 紫色 :如果頁面是通過 SSL/TLS 這類安全協(xié)議加載資源, 這段時間就是瀏覽器建立安全連接的過程.
4. 綠色 :瀏覽器請求發(fā)送到服務(wù)器的時間 + 服務(wù)器處理請求時間 + 響應(yīng)報文的第一字節(jié)到達瀏覽器的時間. 我們用這個指標(biāo)來判斷你的 web 服務(wù)器是否性能不夠, 或者說你是否需要使用 CDN
5. 藍色 :瀏覽器用來下載資源所用的時間. 這段時間越長, 說明資源越大. 理想情況下, 你可以通過控制資源的大小來控制這段時間的長度
綜上所述
我們需要關(guān)注的 是藍色和綠色部分; 由此的得出的方案:1. 減小瀑布圖的寬度. 瀑布圖越窄, 網(wǎng)站的訪問速度越快.2. 減少請求數(shù)量 也就是降低瀑布圖的高度. 瀑布圖越矮越好3. 優(yōu)化資源請求順序來加快渲染時間. 將綠色的 "開始渲染" 線向左移. 這條線向左移動的越遠越好.總結(jié)
以上是生活随笔為你收集整理的谷歌控制面板中的NetWrok的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。