搭建前端性能showslow平台

 

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

 

1.安装Firefox25或者Firefox30版本

2.新增扩展插件：Firebug，YSlow，Page Speed；
3.安装xampp集成环境：
xampp下载：http://www.apachefriends.org/download.html
  1)xampp安装：
     chmod 777 xampp-linux-*-installer.run
     ./xampp-linux-*-installer.run
  2)xampp启动：
     /opt/lampp/lampp start
  3)xampp无法进入正常页面，修改一下配置即可：
    vi /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.配置showslow环境：

1)解压showslow，修改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

 

 

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