推薦：門戶網站頁面加載性能測試工具---YSLOW
編寫背景：
這周剛忙完一個重要測試任務，整個過程很累很辛苦，但結局還是美好的。好久沒有這樣的感受了，除了5年前剛開始做測試時有這樣的感受外。一直以來都是過程很輕松、結局很輕松；這次會這么辛苦，主要還是這邊的開發團隊實力實在是太差了，有些擔心接下來的工作。在這次測試過程中，學到了很多新知識，其中之一是引用了門戶網站頁面加載性能測試，在這里分享給大家，希望對大家有所幫助。
推薦：門戶網站頁面加載性能測試工具---YSLOW
目前我知道的用于測試B/S結構，頁面加載性能測試的工具有如下兩個：
Ø 來自雅虎的---YSLOW
Ø 來自google的---- Page Speed
我更傾向于用雅虎的，因為它對于我來說感覺更專業、更標準，下面是YSLOW工具介紹。
Ø 工具名稱：YSLOW
Ø 工具用途：網站頁面加載性能測試
Ø 安裝的前提條件：瀏覽器Firefox2.0
Ø 運行的環境：在Firefox下安裝組件firebug才可運行使用
Ø 下載官方網址：http://developer.yahoo.com/yslow/
Ø 幫助學習文檔地址：http://developer.yahoo.com/yslow/help/
下面是我用YSLOW測試工具測試后，形成的測試報告模板，供大家參考學習。
XXXX頁面加載性能測試報告
|
測試項目概述
|
|
項目名稱
|
|
版本
|
|
|
開發負責人
|
|
測試負責人
|
|
|
測試時間
|
|
測試工具
|
YSLOW
|
|
測試目的
|
| xxxxxxx |
|
測試內容
|
|
測試項功能模塊
|
具體測試頁面
|
頁面URL
|
| xxxxx |
xxxx |
xxxx |
| xxxx |
xxxx |
|
XXXXX改版前后頁面加載性能測試結果數據對比
|
|
具體測試頁面
|
改版前頁面加載性能級別
|
改版后頁面加載性能級別
|
|
XXXXX
|
|
|
|
XXXXXX
|
|
|
|
測試結論
|
| xxxxxxxxx |
|
XXXXXX測試數據結果
|
|
具體測試頁面
|
測試結果
|
測試結果頁面加載各項性能參數指標
|
參數指標測試結果
|
|
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
|
|