----//工具介绍

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—–我保证会小心的 

过滤器: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/

转 ShowSlow+Yslow页面前端性能测试环境搭建的更多相关文章

  1. Mac 性能测试环境搭建——理论篇

    此篇为博主原创内容,若转载请写明出处,谢谢! 前言在搭建之初,我们要思考的2个点:1.性能怎么测试?2.性能的测试环境如何搭建(该如何去做)?1.什么是性能?    个人理解为:合理的架构.低耦合.高 ...

  2. windows下vue+webpack前端开发环境搭建及nginx部署

    一.开发环境搭建 1.前端框架一般都依赖nodejs,我们首先要安装node.js.请参考http://www.cnblogs.com/wuac/p/6381819.html. 2.由于许多npm的源 ...

  3. Jmeter学习一:Jmeter性能测试环境搭建(Windows下)

    最近刚开始接触Jmeter性能测试,现总结环境搭建如下: 一.windows安装JDK步骤与环境变量配置: 1.先将下载的JDK安装到其默认目录:C:\Program Files\Java\jdk1. ...

  4. Jmeter性能测试环境搭建(Windows下)

    最近刚开始接触Jmeter性能测试,现总结环境搭建如下: 一.windows安装JDK步骤与环境变量配置: 1.先将下载的JDK安装到其默认目录:C:\Program Files\Java\jdk1. ...

  5. Windows 环境下vue+webpack前端开发环境搭建

    一.开发环境搭建 1.前端框架一般依赖node.js,我们首先要安装node.js. 2.由于许多npm 的源都在国外的地址,安装起来特别慢,所以我们这里利用淘宝的镜像服务器. 安装命令为:npm i ...

  6. Sentinel控制台前端开发环境搭建

    Sentinel:分布式系统的流量防卫兵. 官网:https://sentinelguard.io Github:https://github.com/alibaba/sentinel Wiki:ht ...

  7. webpack前端开发环境搭建

    要搭建webpack开发环境,首先要安装NodeJS,后面的过程均在NodeJS已经安装的基础上进行. 1. 首先建立一个工程目录,命名为,其目录结构如下: 其中dist目录用于存放生成的文件,src ...

  8. 前端开发环境搭建 Grunt Bower、Requirejs 、 Angular

    现在web开发的趋势是前后端分离.前端采用某些js框架,后端采用某些语言提供restful API,两者以json格式进行数据交互. 如果后端采用node.js,则前后端可以使用同一种语言,共享某些可 ...

  9. React前端开发环境搭建

    先,我们需要明确的是React和很多前端框架一样,底层都还是js以及html,即便它有着看似特殊的jsx语法. 我们要在服务端运行js,就需要依赖一个环境,和运行war包需要tomcat一类中间件一样 ...

随机推荐

  1. 什么是'脑分裂(split brain)'?

    这个词明显有点恐怖.设想一下,如果某时刻连接两个控制器之间的通路出现了问题,而不是其中某个控制器死机,此时两个控制器其实都是工作正常的,但是两者都检测不到对方的存在,所以两者都尝试接管所有总线,这时候 ...

  2. Bootstrap学习js插件篇之标签页

    简单的标签页 代码: <h1 class="page-header">4.3标签页</h1> <ul class="nav nav-tabs ...

  3. 国庆大礼包:2014年最全的ANDROID GUI模板和线框图免费下载

    距离上次分享GUI模板有很长时间了,这段时间里设计趋势不断变化,谷歌推出了最新的Android L以及全新的界面设计,UI设计师又有得忙了,今天收集了一组实用的GUI模板和线框图,包含最新的Andro ...

  4. c# 使用 HttpWebRequest模拟登陆(附带验证码)

    在C#中,可以使用HttpWebRequest进行相关的模拟登陆,登陆后进行相关的操作,比如抓取数据,页面分析,制作相关登陆助手等等. 先说下流程 1.使用httpwebrequest先进入你要登录的 ...

  5. python3之日期和时间(转载)

    转载:https://www.cnblogs.com/zhangxinqi/p/7687862.html a = datetime.datetime.now() time.sleep(10) b = ...

  6. js 获取读取cookie

    // --- 设置cookie function setCookie(sName, sValue, expireHours) {     var cookieString = sName + &quo ...

  7. 学习技巧-如何在IBM官网寻找学习资料

    场景:最近看招聘职位TM1比较火,于是就想找一下Cognos TM1的资料来拜读一下,然后论坛都是大价钱的金币,迫于无奈只好来到IBM的官网来寻求指导 http://www.ibm.com/us/en ...

  8. 微博推荐算法学习(Weibo Recommend Algolrithm)

    原文:http://hijiangtao.github.io/2014/10/06/WeiboRecommendAlgorithm/ 基础及关联算法 作用:为微博推荐挖掘必要的基础资源.解决推荐时的通 ...

  9. 栈的应用实例——中缀表达式转换为后缀表达式

    声明:本程序读入一个中缀表达式,将该中缀表达式转换为后缀表达式并输出后缀表达式. 注意:支持+.-.*./.(),并且输入时每输入完一个数字或符号都要加一个空格,特别注意的是在整个表达式输入完成时也要 ...

  10. Spring -- 三种配置方式

    1.Explicit configuration in XML:显示的XML配置. 优点: 1)XML配置方式进一步降低了耦合,使得应用更加容易扩展,即使对配置文件进一步修改也不需要工程进行修改和重新 ...