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