|
該案例的解讀：
- 黃色的tips中，每一行都包含兩個(gè)數(shù)字，前面的表示該階段發(fā)起時(shí)在該請(qǐng)求中的時(shí)間點(diǎn)，第二個(gè)是該階段花掉的時(shí)間，比如，圖中，前三行花掉的時(shí)間都是0，所以，waiting階段，左邊的數(shù)字就是0，而右邊是自己花掉的時(shí)間409ms，那么在下一個(gè)階段，左邊的時(shí)間就是前面的時(shí)間的和——409ms。
- 在這個(gè)請(qǐng)求開始后6.87s時(shí)，DOMContentLoaded事件完成。
- 在這個(gè)請(qǐng)求開始后8.43s，load事件完成。
深入了解：
從這個(gè)截圖，我們可以看到以下信息：
- 第一個(gè)請(qǐng)求在2.65s時(shí)完成，第二個(gè)在1.52s…等
- 從第一個(gè)請(qǐng)求到最有一個(gè)請(qǐng)求，花掉了共6.96秒時(shí)間
- 從第一個(gè)請(qǐng)求到load事件完成，花掉了6.97秒鐘的時(shí)間
插圖版解釋：
因?yàn)镈OMContentLoaded和load事件花掉的時(shí)間可能是負(fù)值，也就是在事件在請(qǐng)求完成之前就完成了，兩者都可能是負(fù)值，而通常最后一個(gè)請(qǐng)求完成于load事件結(jié)束之后，所以，通常右下角onload的時(shí)間會(huì)比總時(shí)間少。
然后或許從最后這里能找到一些頁面優(yōu)化的點(diǎn)，希望高人能給予指點(diǎn)。
原文：http://www.qianduan.net/detailed-firebug-net-panel.html
本文鏈接：http://www.95time.cn/tech/web/2011/8408.asp 
出處：前端觀察
責(zé)任編輯：bluehearts
上一頁 firebug net面板詳解 [2] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 3 頁 firebug net面板詳解 [3]
