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配置文件:
![](https://i-blog.csdnimg.cn/blog_migrate/b3c0c28ac7c3689fd1bba732766ba038.png)
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
![](https://i-blog.csdnimg.cn/blog_migrate/584db7798c0fa5592edc0cf1378cca74.png)
配置YSlow
![](https://i-blog.csdnimg.cn/blog_migrate/0f98e00459ce33a1e342b8eb3f8bcdba.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ea2825e3cfd4369a29bf73dbac6e53e7.png)
最后刷新页面呈现收集信息:
![](https://i-blog.csdnimg.cn/blog_migrate/4d4f4e27a8c6274b658709522529017f.png)