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