分類: 知道 常識詞典 編輯 : 常識 發(fā)布 : 11-10

閱讀 :337

firebug中時間線在前端開發(fā)性能優(yōu)化里如何去分析以及應(yīng)用？firebug的網(wǎng)絡(luò)選項(xiàng)卡里有網(wǎng)站的資源請求時間線的信息，誰來仔細(xì)分析一下時間線在前端開發(fā)性能優(yōu)化里如何去分析以及應(yīng)用？時間線包括：域名解析，建立連接，發(fā)送請求，等待響應(yīng)，接受數(shù)據(jù) 5個信息每隔時間線的信息 有兩個 一個是從什么時間點(diǎn)開始 一個是花費(fèi)了多少時間。請各位WEB工程師盡情分享吧 謝謝~~1 個答案

答案 1：

網(wǎng)絡(luò)選項(xiàng)卡一條請求的URL包含：

1.請求類型(GET|POST)

2.請求地址(鼠標(biāo)懸浮在URL列上時會完整顯示)

3.狀態(tài)及其描述(200 ok)

4.所屬域名

5.資源大小

6.圖形化的時間線

firebug的時間線以瀑布圖的形式展現(xiàn)，很直觀，而當(dāng)你把鼠標(biāo)懸浮在時間線上的時候，就會彈出該條時間線的詳情的tips，這個tips包含5個階段和2個事件：* DNS Lookup：DNS查詢時間* Connection：創(chuàng)建一個TCP鏈接花掉的時間* sending：向服務(wù)器發(fā)送請求需要的時間* Waiting ：等待服務(wù)器響應(yīng)* Receiving：從服務(wù)器獲取文件消耗的時間* DOMContentLoaded： 事件，DOMContentLoaded事件完成的時間* Load：事件，頁面load事件完成的時間

有了這些信息，我們就能初步診斷網(wǎng)站的性能瓶頸。

1）首先看一下哪個請求花費(fèi)的時間比較長，看看這個請求的時間線信息，確定是服務(wù)器響應(yīng)慢了還是網(wǎng)絡(luò)的問題。

2）如果每個請求所花費(fèi)的時間都沒有明顯高于其他，那么就看一下是不是頁面的Http請求總數(shù)太多了。因?yàn)闉g覽器對單個域名的并發(fā)連接數(shù)是有限制的，需要處理完一批請求再發(fā)送另一批請求。假設(shè)頁面有100個請求，每個請求花費(fèi)1s，瀏覽器最大并發(fā)數(shù)限制為10個，那么處理完所為請求就需要100/10*1s=10s的時間。

關(guān)于最大并發(fā)數(shù)，Http1.1的標(biāo)準(zhǔn)是2，而目前主流的瀏覽器IE、FireFox、C-rome為了提高速度，分別修改為10、6、6（根據(jù)具體版本可能有所變化）。

下一篇:有沒有女生跟你暗示跟你交往，但你卻SB的錯過了的？ 下一篇 【方向鍵 ( → )下一篇】

上一篇:聲明個人很喜歡新知，眼見新知偏離社交化問答的軌跡越走越遠(yuǎn)，不知如何是好？ 上一篇 【方向鍵 ( ← )上一篇】