Xvfb、YSlow、ShowSlow 搭建前端性能测试框架

工具介绍
　　

Xvfb: 主要就是通过内存计算模拟出图形界面，没有平常所见的操作界面，分为客户

端和服务器
　　

YSlow: 当 Firefox 浏览网页时，可以分析网站的页面(基于 Yahoo 14 条评分原则)，并指

出如何进行优化提高网站性能
　　

ShowSlow:收集 YSlow 的测试结果并显示出来

　　

Ubuntu：开源的 Linux 系统，界面越来越向 Windows 靠近

　　框架简介
　　对于前端的童鞋我相信

YSlow 已经耳熟能详了，基于雅虎的评分规则对页面进行评分

的

Firefox 插件，从中我们可以看出我们页面上的很多不足，并且可以知道我们如何改进和

优化，配合将测试报告发送到本地的

ShowSlow 平台以提供给开发人员随时查看。在 Xvfb

的辅助下，这个框架最大的优点就是可以在无显示设备的环境下稳定运行

!

　　环境配置
　　典型的

LAMP 配置，网上资料很多，当然你也可以点此围观

　　搭建本地

ShowSlow 测试平台

　　这个我之前在

Windows Server 2003 搭建过(点此围观)，但是这次在 Ubuntu 下还是有所

区别的

(所有命令都在终端输入)

　 　

sudo  mkdir  /var/www/showslow  ( 建 立 一 个 空 文 件 夹 )sudo  svn  checkout 

http://showslow.googlecode.com/svn/trunk/ /var/www/showslow (将 ShowSlow 的源代码下载到
本地，这一步会报错连接不上

http://svn.facebook.com，首先要感谢国家，其次要感谢功夫

网，最后我要说的是无视

…)sudo mv config.sample.php config.php (修改文件夹名)sudo gedit 

config.php 根据实际情况修改$db,$user,$pass 可以根据实际情况修改按照上一步修改的数据
创建相应的

Mysql 数据库

　　

//以 root 用户权限进入 mysql

　　

mysql -uroot -p

　　

//创建一个数据库，名字和第二步你填写的保持一致

　　

create database 

‘DBName‘;

　　

//切换到新建的数据库

　　

use 

‘DBName’;

　　

// 将 ShowSlow 文件夹的 tables.sql(数据库表)导入到新建的数据库中，注意无分号

　　

source /var/www/showslow/tables.sql

　　

//查看下是否导入成功了，貌似有个表名叫 ShowSlow2，汗

　　

show tables;

　　自动化脚本
　　这个是我们这个框架最重要的部分，具体请参考

Sergey Chernyshev 的博客以及自动化

脚 本 作 者

Aaron  Kulick  ， 现 在 最 新 的 Showslow 的 子 文 件 夹 automation 有 三 个 文

件

――monitor.sh (配置文件) test_harness.pl (自动化脚本) ReadMe(框架说明文件，强烈推荐