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

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介:
----//工具介绍

YslowYSlowYahoo发布的一款基于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傻瓜一体式安装,你可以先分别安装phpmySQLapache以及缺省的模块等。如果你配置好了,觉得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.dlllibmhash.dll文件

将这两个文件复制到系统盘(如C盘)下的Windows\system32\文件夹下。

找到并打开系统盘\winows\php.ini(注意扩展名不要错了)

大概在593行处

extension=php_mcrypt.dll

extension=php_mhash.dll

将上面两句前面的分号(;)去掉并保存。

—————————————————————-

错误提示:

Warningmysql_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/










本文转自 小强测试帮 51CTO博客,原文链接:http://blog.51cto.com/xqtesting/808765,如需转载请自行联系原作者
相关实践学习
通过性能测试PTS对云服务器ECS进行规格选择与性能压测
本文为您介绍如何利用性能测试PTS对云服务器ECS进行规格选择与性能压测。
目录
相关文章
|
18天前
|
前端开发 数据安全/隐私保护
.自定义认证前端页面
.自定义认证前端页面
8 1
.自定义认证前端页面
|
12天前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
13天前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息,并通过阿里云计算巢完成了Appsmith的快速部署,使用者不需要自己下载代码,不需要自己安装复杂的依赖,不需要了解底层技术,只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith,非技术同学也能轻松搞定。
|
19天前
|
前端开发 JavaScript 测试技术
前端小白逆袭之路:如何快速掌握前端测试技术,确保代码质量无忧!
【10月更文挑战第30天】前端开发技术迭代迅速,新手如何快速掌握前端测试以确保代码质量?本文将介绍前端测试的基础知识,包括单元测试、集成测试和端到端测试,以及常用的测试工具如Jest、Mocha、Cypress等。通过实践和学习,你也能成为前端测试高手。
37 4
|
17天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
1月前
|
Web App开发 前端开发 安全
前端研发链路之测试
本文由前端徐徐撰写,介绍了前端测试的重要性及其主要类型,包括单元测试、E2E测试、覆盖率测试、安全扫描和自动化测试。文章详细讲解了每种测试的工具和应用场景,并提供了选择合适测试策略的建议,帮助开发者提高代码质量和用户体验。
35 3
前端研发链路之测试
|
22天前
|
前端开发 数据管理 测试技术
前端自动化测试:Jest与Cypress的实战应用与最佳实践
【10月更文挑战第27天】本文介绍了前端自动化测试中Jest和Cypress的实战应用与最佳实践。Jest适合React应用的单元测试和快照测试,Cypress则擅长端到端测试,模拟用户交互。通过结合使用这两种工具,可以有效提升代码质量和开发效率。最佳实践包括单元测试与集成测试结合、快照测试、并行执行、代码覆盖率分析、测试环境管理和测试数据管理。
41 2
|
1月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
38 18
|
23天前
|
前端开发 JavaScript 数据可视化
前端自动化测试:Jest与Cypress的实战应用与最佳实践
【10月更文挑战第26天】前端自动化测试在现代软件开发中至关重要,Jest和Cypress分别是单元测试和端到端测试的流行工具。本文通过解答一系列问题,介绍Jest与Cypress的实战应用与最佳实践,帮助开发者提高测试效率和代码质量。
31 2
|
1月前
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。
下一篇
无影云桌面