前端性能showslow平台

 

ShowSlow是一个可以帮助监测各种网站性能指标趋势变化的开源工具。通过收集YSlow,Page Speed,WebPageTest和dynaTrace AJAX排名的数据形成图表以帮助了解网站的变化是如何影响其性能的。

 

目录：

1 安装Firefox25或者Firefox30版本
2 安装扩展插件
3 安装xampp
4 配置showslow

 

 

1 安装Firefox25或者Firefox30版本

---

 

http://ftp.mozilla.org/pub/firefox/releases/

 

 

 

2 安装扩展插件

    Firebug，YSlow，Page Speed；

 

 

3 安装xampp

xampp下载：http://www.apachefriends.org/download.html

//xampp安装
chmod 777 xampp-linux-*-installer.run
 ./xampp-linux-*-installer.run

//xampp启动：
/opt/lampp/lampp start

//xampp无法进入正常页面，修改一下配置即可
vim /opt/lampp/etc/proftpd.conf UseFtpUsers=on
#/opt/lampp/etc/extra下的http-xampp.conf下注释掉Require local这一行

<LocationMatch "^/(?i:(?:xampp|security|licenses|phpmyadmin|webalizer|server-status|server-info))">

ErrorDocument 403 /error/XAMPP_FORBIDDEN.html.var

Order allow,deny

Allow from all

</LocationMatch>

 

4 安装Firefox25配置showslow

 

1）下载showslow并解压，修改配置文件名称

cp config.sample.php config.php

2)修改config.php配置文件：

3)创建showslow配置用户：

CREATE DATABASE showslow DEFAULT CHARACTER SET utf8

grant select,delete,update,create,drop on *.* to showslow@"%" identified by "123456";

 

初始化数据配置文件：http://47.98.198.241/showslow/dbupgrade.php

浏览器访问：http://47.98.198.241/showslow

 

 

配置YSlow

 

 

最后刷新页面呈现收集信息：