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

----//工具介绍

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/

时间: 2024-10-11 07:02:17

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

前端开发环境搭建以及如何跨域

前端本地开发环境搭建总结: 安装nodejs环境(推荐6.0以后的LTS版本),安装完之后打开终端(mac平台),windows平台可以 WIN+R 打开运行,输入cmd,打开命令窗口,输入npm --version,如果能看到版本,说明已经安装成功: 在本地电脑的工作目录下面,执行 "git clone" + gitlab仓库的地址,把项目克隆下来: 使用编辑器(推荐webstorm或者vs code,功能强大,当然如果有其他熟悉的IDE也可以,前提是熟悉)打开项目,找到node的s

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

一.开发环境搭建 1.前端框架一般依赖node.js,我们首先要安装node.js. 2.由于许多npm 的源都在国外的地址,安装起来特别慢,所以我们这里利用淘宝的镜像服务器. 安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org 之后回车等待命令 3.接着安装全局的vue-cli脚手架,用于帮助你快速搭建所需的Vue的开发模板框架 $ cnpm install -g vue-cli 回车,等待安装, 安装完成后

前端开环境搭建

1. 安装包管理工具 npm 或者yarn npm install -g yarn yarn基于node,并且速度更快,能自动缓存你下载过的包,让你在离线.重复下载时不需要通过去网上拉取文件,直接在本地就可以安装你需要的包!并且,yarn分离的各个包的安装过程,合理排队,不产生高频请求,单个包安装失败并不影响其他包的安装,有效的重试机制等. 2. 目前最流行的前端开发工具或者IDE或者编辑器:vscode.sublime.各种Storm!还有Hbuilder(这个是完美支持Vue的特供.还支持特

性能测试: 环境搭建

在实际测试中,性能测试的环境往往和真实的线上环境有一定的差距,因此评估出来的性能测试结果并不准确.面对测试环境资源有限的情况,通常通过以下两种方式来评估真实环境的表现.实际测试过程中,需要保持一个干净的环境,因此及时备份环境非常重要. 建模: 修改各项配置, 根据各项基准配置与实际的性能结果建模,推导出真实环境下性能的情况(相应时间,TPS等指标..) 集群:对于较大的系统来说,单台服务器的处理能力有限,线上常常用集群来增加性能.实际测试环境可以对集群上的一个节点进行性能评估,再计算每增加一个节

Apache-Jmter性能测试环境搭建

官方网站:http://jmeter.apache.org/ 一.Jmeter简介 Jmeter是JAVA开发的开源的性能测试软件,其功能如下: Apache JMeter features include: Ability to load and performance test many different server/protocol types: Web - HTTP, HTTPS SOAP FTP Database via JDBC LDAP Message-oriented mid

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

现在web开发的趋势是前后端分离.前端采用某些js框架,后端采用某些语言提供restful API,两者以json格式进行数据交互. 如果后端采用node.js,则前后端可以使用同一种语言,共享某些可重用的Js代码,并共享构建工具.但很多时候我们可能采用别的语言,如ruby/java/scala等,此时前后端代码基本上是完全独立的.虽然大家都在同一个项目中,但可以分成互相独立的两块,并且前后端通常使用不同的构建工具. 比如当后端使用Scala时,我们会使用sbt进行项目构建,对scala代码进行

前端开发环境搭建 grunt bower、requirejs 、 anjular

现在web开发的趋势是前后端分离.前端采用某些js框架,后端采用某些语言提供restful API,两者以json格式进行数据交互. 如果后端采用node.js,则前后端可以使用同一种语言,共享某些可重用的Js代码,并共享构建工具.但很多时候我们可能采用别的语言,如ruby/java/scala等,此时前后端代码基本上是完全独立的.虽然大家都在同一个项目中,但可以分成互相独立的两块,并且前后端通常使用不同的构建工具. 比如当后端使用Scala时,我们会使用sbt进行项目构建,对scala代码进行

前端开发环境搭建

一直以来都或多或少遇到需要Html5,js,php,css之类的来完成某些小的效果,但是基本上没有认真看过,更不知道还有专业开发工具了,不过对于编译语言来讲既然有IDE,相信这种网页语言也不会缺少,知乎和知道告诉我答案了,一个是webstom,要想用好,竟然还得破解,算了,选择国产的吧,发现好评也很多啊,不够实际测试了下,效果还真不错.简单过程记录下 1.hbuilder下载与解压道C根目录,运行即可 2.做首次配置.配置外部服务器,指定localhost 3.配置浏览器,可以chrome没安装

gulp前端自动化环境搭建详解

1.安装 nodejs Grunt和所有grunt插件都是基于nodejs来运行的, https://nodejs.org/ 安装完成之后在终端 node -v 查看安装版本  npm -v 查看npm版本 选装cnpm 1.1.说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常, 如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事.来自官网: "这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为  10分钟 一次以保证尽量