推薦：門戶網(wǎng)站頁面加載性能測試工具---YSLOW
編寫背景：
這周剛忙完一個重要測試任務(wù)，整個過程很累很辛苦，但結(jié)局還是美好的。好久沒有這樣的感受了，除了5年前剛開始做測試時有這樣的感受外。一直以來都是過程很輕松、結(jié)局很輕松；這次會這么辛苦，主要還是這邊的開發(fā)團隊實力實在是太差了，有些擔(dān)心接下來的工作。在這次測試過程中，學(xué)到了很多新知識，其中之一是引用了門戶網(wǎng)站頁面加載性能測試，在這里分享給大家，希望對大家有所幫助。
推薦：門戶網(wǎng)站頁面加載性能測試工具---YSLOW
目前我知道的用于測試B/S結(jié)構(gòu)，頁面加載性能測試的工具有如下兩個：
Ø 來自雅虎的---YSLOW
Ø 來自google的---- Page Speed
我更傾向于用雅虎的，因為它對于我來說感覺更專業(yè)、更標(biāo)準(zhǔn)，下面是YSLOW工具介紹。
Ø 工具名稱：YSLOW
Ø 工具用途：網(wǎng)站頁面加載性能測試
Ø 安裝的前提條件：瀏覽器Firefox2.0
Ø 運行的環(huán)境：在Firefox下安裝組件firebug才可運行使用
Ø 下載官方網(wǎng)址：http://developer.yahoo.com/yslow/
Ø 幫助學(xué)習(xí)文檔地址：http://developer.yahoo.com/yslow/help/
下面是我用YSLOW測試工具測試后，形成的測試報告模板，供大家參考學(xué)習(xí)。
XXXX頁面加載性能測試報告
|
測試項目概述
|
|
項目名稱
|
|
版本
|
|
|
開發(fā)負(fù)責(zé)人
|
|
測試負(fù)責(zé)人
|
|
|
測試時間
|
|
測試工具
|
YSLOW
|
|
測試目的
|
| xxxxxxx |
|
測試內(nèi)容
|
|
測試項功能模塊
|
具體測試頁面
|
頁面URL
|
| xxxxx |
xxxx |
xxxx |
| xxxx |
xxxx |
|
XXXXX改版前后頁面加載性能測試結(jié)果數(shù)據(jù)對比
|
|
具體測試頁面
|
改版前頁面加載性能級別
|
改版后頁面加載性能級別
|
|
XXXXX
|
|
|
|
XXXXXX
|
|
|
|
測試結(jié)論
|
| xxxxxxxxx |
|
XXXXXX測試數(shù)據(jù)結(jié)果
|
|
具體測試頁面
|
測試結(jié)果
|
測試結(jié)果頁面加載各項性能參數(shù)指標(biāo)
|
參數(shù)指標(biāo)測試結(jié)果
|
|
XXXXXX
|
XXXX
|
Make fewer HTTP requests
|
|
|
Use a Content Delivery Network (CDN)
|
|
|
Add Expires headers
|
|
|
Compress components with gzip
|
|
|
Put CSS at top
|
|
|
Put JavaScript at bottom
|
|
|
Avoid CSS expressions
|
|
|
Make JavaScript and CSS external
|
|
|
Reduce DNS lookups
|
|
|
Minify JavaScript and CSS
|
|
|
Avoid URL redirects
|
|
|
Remove duplicate JavaScript and CSS
|
|
|
Configure entity tags (ETags)
|
|
|
Make AJAX cacheable
|
|
|
Use GET for AJAX requests
|
|
|
Reduce the number of DOM elements
|
|
|
Avoid HTTP 404 (Not Found) error
|
|
|
Reduce cookie size
|
|
|
Use cookie-free domains
|
|
|
Avoid AlphaImageLoader filter
|
|
|
Do not scale images in HTML
|
|
|
Make favicon small and cacheable
|
|