工具介紹
Firebug: 這個不介紹了,居家旅行殺人越貨必備的Firefox插件
YSlow: 當Firefox瀏覽網頁時,可以分析網站的頁面(基于Yahoo 14條評分原則),并告訴你為了提高網站性能,如何基于某些規則而進行優化
ShowSlow:收集YSlow的測試結果并顯示出來
思路整理
使用Selenium編寫測試用例依次訪問需要測試的站點,設置YSlow每打開一個頁面自動運行測試,并將測試報告發送到指定的ShowSlow服務器,建議可以和我前幾天說的自動化框架搭配使用,何樂而不為:)
環境配置
搭建本地ShowSlow平臺
默認情況下YSlow的結果會發送到ShowSlow(印象中),但這顯然不符合天朝國情,同時也及其不和諧,還好ShowSlow開源網站提供源碼可以在本地搭建一個平臺來收集YSlow的信息。主要采用Apache+PHP+Mysql這個框架,但是很不幸的告訴各位我嘗試過獨自手工搭建上述環境,弄壞了兩臺虛擬機(Win 2003)都未遂,主要在于沒有相關經驗,在此推薦使用 AppServ傻瓜化一體式安裝吧(請盡情鄙視我,謝謝)
1.先用SVN將源碼下載到本地,并放置于Apache的WWW文件夾下(請猛擊我)
2.修改ShowSlow文件夾下的config.sample.php重命名為config.php,里面$db,$user,$pass可以根據實際情況修改
3.創建第2步中你填寫的數據庫,MySQL我也不太會,高手無視我
//創建一個數據庫,名字和第二步你填寫的保持一致
create database ‘DBName‘;
//切換到新建的數據庫
use ‘DBName’;
// 將ShowSlow文件夾的tables.sql(數據庫表)導入到新建的數據庫中,注意無分號
source c:\tables.sql
//查看下是否導入成功了,貌似有個表名叫ShowSlow2,汗
show tables;
配置YSlow
1.打開Firefox輸入:about:config(我保證會很小心的)
2.filter中輸入:yslow
3.修改以下三條數據
extensions.yslow.beaconUrl = http://localhost/showslow/beacon/yslow/
如果測試和服務器不在同一機器上,請將localhost改成實際地址
extensions.yslow.beaconInfo = grade
extensions.yslow.optinBeacon = true
4.重啟Firefox,have fun 
還等什么?開始你的測試之旅吧,查看測試報告的URL是:http://localhost/showslow/
PS:Google的Page Speed和YSlow差不多,也支持發送報告至ShowSlow,有興趣的同學可以試試