前端工程師-高級(jí)web網(wǎng)站前端開(kāi)發(fā)測(cè)試指南

《前端工程師-高級(jí)web網(wǎng)站前端開(kāi)發(fā)測(cè)試指南》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、WEB性能測(cè)試工具主要分為三種，一種是測(cè)試頁(yè)面資源加載速度的，一種是測(cè)試頁(yè)面加載完畢后頁(yè)面呈現(xiàn)、JS操作速度的，還有一種是總體上對(duì)頁(yè)面進(jìn)行評(píng)價(jià)分析，下面分別對(duì)這些工具進(jìn)行介紹，如果誰(shuí)有更好的工具也請(qǐng)一起分享下。AD：Firebug:Firebug是firefox中最為經(jīng)典的開(kāi)發(fā)工具，可以監(jiān)控請(qǐng)求頭，響應(yīng)頭，顯示資源加載瀑布圖：HttpWatch:httpwatch功能類(lèi)似firebug，可以監(jiān)控請(qǐng)求頭，響應(yīng)頭，顯示資源加載瀑布圖。但是httpwatch還能顯示GZIP壓縮信息，DNS查詢(xún)，TCP鏈接

2、信息，個(gè)人在監(jiān)控http請(qǐng)求比較喜歡使用httpwatch，httpwatch包含IE和firefox插件。不過(guò)httpwatch專(zhuān)業(yè)版本是收費(fèi)的，免費(fèi)版本有些功能限制。DynaTrace'sAjaxEdition：dynaTrace是本人常使用的1個(gè)免費(fèi)工具，該工具不但可以檢測(cè)資源加載瀑布圖，而且還能監(jiān)控頁(yè)面呈現(xiàn)時(shí)間，CPU花銷(xiāo)，JS分析和執(zhí)行時(shí)間，CSS解析時(shí)間的等。SpeedTracer:speedtrace是googlechrome的1個(gè)插件，speedtrace的優(yōu)勢(shì)點(diǎn)是用于監(jiān)控JS的解析

3、執(zhí)行時(shí)間，還可以監(jiān)控頁(yè)面的重繪、回流，這個(gè)還是很強(qiáng)的(dynaTrace也能有這個(gè)功能)。注：安裝這個(gè)插件，需要安裝GoogleChromeDeveloperChannel版本，但是這個(gè)鏈接的地址在國(guó)內(nèi)好像打不開(kāi)，如果打不開(kāi)，請(qǐng)大家直接到這個(gè)地址去下載：http://www.google.com/chrome/eula.html?extra=devchannelPageSpeed:Pagespeed是基于firebug的1個(gè)工具，主要可以對(duì)頁(yè)面進(jìn)行評(píng)分，總分100分，而且會(huì)顯示對(duì)各項(xiàng)的改進(jìn)意見(jiàn)，Pa

4、geSpeed也能檢測(cè)到JS的解析時(shí)間。yslow:yslow跟pgespeed一樣是基于firefoxfirebug的插件，功能與pagespeed類(lèi)似，對(duì)各種影響網(wǎng)站性能的因素進(jìn)行評(píng)分，yslow是yahoo的工具，本人也一直在使用，推薦一下。webpagetest:webpagetest是1個(gè)在線(xiàn)進(jìn)行性能測(cè)試的網(wǎng)站，在該網(wǎng)站輸入你的url，就會(huì)生成1個(gè)url加載的時(shí)間瀑布圖，對(duì)所有加載的資源(css,js,image等等)列出優(yōu)化的清單，也是非常好用的工具。