您的位置:首页 > Web前端

ShowSlow+Yslow页面前端性能测试环境搭建

2014-07-25 12:33 204 查看
----//工具介绍


Yslow:YSlow是Yahoo发布的一款基于FireFox的插件。

YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
ShowSlow: ShowSlow平台用来收集页面性能测试工具Yslow的测试结果,并对测试结果进行分析展示。互联网上有一个在线的showSlow平台,免费提供Yslow的测试结果收集与展示。考虑到企业的某些系统可以存在商业机密,我们会搭建自己的环境。
在线的ShowSlow平台:http://www.showslow.com

----//环境介绍


因为我在搭建的过程中就是卡在版本上;所以以便于你在搭建过程中的排错,我在此列出我的搭建环境。
系统:windows XP sp3
浏览器:FireFox 6.0.2
Yslow版本:Yslow 3.0.4
ShowSlow版本 : http://download.csdn.net/detail/fnngj/3629866
关于showslow,请按照我提供的链接下载,虽然他是比较老,但它是可用的。
最新版本hubgit上有,最新版本为:showslow_1.1.3但试了N次(N大于10),一直有错误。请鄙视我吧。我已经尽力的在网上云游了多日,未找到解决办法。如果你成功了,请写出来与大家分享,谢谢。
AppServ版本 : http://www.appservnetwork.com/
进入下载页面后,请下载appserv-win32-2.5.10版本,虽然它也不是最新的,但它是可用的。请不要在其它网站下载,因为我不能保证它是可用的。哥哥姐姐不是吓你们噢。因为我在其它网站下载的一直报错,找不到解决办法,这也是云游多日的第二个原因。请再次鄙视我吧。
当然了,你可以不用appserv傻瓜一体式安装,你可以先分别安装php、mySQL、apache以及缺省的模块等。如果你配置好了,觉得so ease ,也可以分享出来。请写详细点,因为像我这样的菜鸟会看不懂。

----//一起来配置


安装下载的appserv-win32-2.5.10.exe文件,一路随便填写一下就行了,注意你填写的数据库密码。
安装完成之后,打你MySQL数据库(开始—-程序—-SppServ—MySQL Command Line Client)
输入你在安装时填写的密码。
mysql>create database showslow; //创建一个数据库
mysql>use showslow; //切换到新建的数据库
在你下载的showslow的文件夹中查找一个叫:tables.sql的文件,然后复制到一个简单的路径下面,我直接放C盘根目录下了,执行下面命令。
mysql>source c:/tables.sql; //将所有的表导入到新建立的数据库里
mysql>show tables; //确认一下导入是否成功

打开showslow文件夹,找到config.sample.php重命名config.php
如果你下载的是我提供的链接,里面就有一个config.php,无须重命名。
修改config.php里面的参数
$db = ‘showslow’;
$user = ‘root’;
$pass = ’123456′; //密码根据你的情况修改。
最后把你修改好的showslow文件夹放到……\AppServ\www\文件夹下面。

打开你的火狐浏览器,
菜单栏:工具—–附加组件—–搜索:Firebug 和Yslow两个组件下载安装后重启。

在火狐地址栏目输入:about:config—–我保证会小心的 650) this.width=650;" src="http://www.mikel.cn/wp-includes/images/smilies/icon_smile.gif" real_src="http://www.mikel.cn/wp-includes/images/smilies/icon_smile.gif" alt=":)" title="ShowSlow+Yslow页面前端性能测试环境搭建" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; list-style-type: none; list-style-position: initial; list-style-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; " />

过滤器:yslow
修改下面三项内容:

extensions.yslow.beaconUrl = http://www.example.com/showslow/beacon/yslow/

extensions.yslow.beaconInfo = grade

extensions.yslow.optinBeacon = true

重新启动浏览器:在浏览器内输入http://localhost/showslow/
如果页面上没有任何错误提示的话,恭喜你,你太幸运了。
===================================可能出现的问题===========================================
错误提示:
Fatal error: Call to undefined function mcrypt_get_iv_size()
in C:\AppServ\www\showslow\users\CookieStorage.php on line 62
解决办法:
在\AppServ\文件夹下搜索libmcrypt.dll和libmhash.dll文件
将这两个文件复制到系统盘(如C盘)下的Windows\system32\文件夹下。
找到并打开系统盘\winows\php.ini(注意扩展名不要错了)
大概在593行处
extension=php_mcrypt.dll
extension=php_mhash.dll
将上面两句前面的分号(;)去掉并保存。
—————————————————————-
错误提示:
Warning: mysql_fetch_assoc(): supplied argument is not a valid MySQL result resource in C:\AppServ\www\showslow\index.php on line 31
No data is gathered yet
解决办法:
对不起,我一直没解决这个问题,如果你下载的是我提供的showslow应该不会出现这个错误。如果不是,很有可以会报这样的错误。而且我标注红色的部分会在多个地方出现,请高手解答。。。。。
==========================================================================================

----//如何使用


如果你安装顺利的话,来看看怎么用吧。
打开火狐浏览器,输入你要测试的网址:http://fnng.cnblogs.com 打开Yslow插件测试。
然后切换到http://localhost/showslwo/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: