文档章节

用Docker安装Web前端性能测试工具YellowLabTools

爱码小士
 爱码小士
发布于 2018/12/18 10:04
字数 903
阅读 469
收藏 28

一、YellowLabTools概述

1.YellowLabTools简介

Yellow Lab Tools:是一款开源的Web前端性能测试工具,具有一些在其他工具上无法看到的独特功能,如页面加载时,JavaScript与DOM互动和其他程序代码验证问题。

Yellow Lab Tools 偏向于一个发现不良实践的工具,会综合页面权重、请求数、DOM、错误的Javascript、错误的CSS等方面取得一个综合评分。并显示出在加载页面的过程中,DOM 是如何相互影响。

2.YellowLabTools应用方式&场景

YellowLabTools的使用,可以免安装在线操作,也可以在本地环境搭建专属的服务进行测试。对于相对机密不允许过多公开的项目,or每天要进行多次测试的项目,以及免在线排队等待测试,此种场景下不建议采用在线的YellowLabTools测试,而建议在本地环境搭建一个专属的服务环境。
本文主要以Docker容器在本地环境安装YellowLabTools镜像服务进行测试,具体如下:

二、YellowLabTools的安装和使用

方式1:直接使用在线YellowLabTools服务进行测试

官网:https://yellowlab.tools/

方式2:利用Docker安装YellowLabTools服务器

docker run --rm -p 8383:8383 jguyomard/yellowlabtools

在Docker容器中监听的YellowLabTools端口为8383,可在物理主机的浏览器中访问YellowLabTools服务器(http://192.168.99.100:8383/

如果对软件测试、接口测试、自动化测试、性能测试、LR脚本开发、面试经验交流。感兴趣可以175317069,群内会有不定期的发放免费的资料链接,这些资料都是从各个技术网站搜集、整理出来的,如果你有好的学习资料可以私聊发我,我会注明出处之后分享给大家。

其中192.168.99.100为Docker虚拟机中的IP地址,通过命令docker-machine env可查询该IP地址

测试注意事项:

1)测试前,可选择所需要模拟的设备
备选项:PC、平板电脑、手机
2)根据实际需要,也可以进行高级设置
1.如登录的场景,需要配置用户名和密码,或cookie信息;
2.设置代理IP和端口,应用在同一网站在不同阶段的测试环境;
3.配置被测域名的黑白名单,控制需要和不需测试的站点
3)测试可靠度保证
1.为了确保测试的可靠度,需要保证测试服务器所在的网络传输流畅稳定;
2.为减少偶然因素的干扰,同一站点,可分开不同时间段or在不同网络条件下进行几次测试,对比几次的效果进行综合评估

如:测试URL=https://www.baidu.com

测试结果:
根据网站资源加载的不同,启动测试后,在页面上稍等一段时间,即可查看到自动生成的测试结果,如下:

以上展示的测试结果中,根据不同的资源类型(js、css、img、fonts...)作出等级评估,对于需要优化的项目,会以不同程度的颜色标识(如:红色),每一项可以手动点击查看详细的描述和优化建议

© 著作权归作者所有

爱码小士
粉丝 56
博文 83
码字总数 194222
作品 0
深圳
技术主管
私信 提问
加载中

评论(3)

爱码小士
爱码小士 博主

引用来自“OurTester”的评论

太简单了!
实用就好
孑非鱼
孑非鱼
太简单了!
使用flow.ci持续化集成工具

什么是持续化集成(CI) 简单的来说,持续化集成就是一天内多次的向主分支提交代码,这在一个大的团队中很常见,但是由于参与的人数过多,总会产生各种问题。例如: 解决老bug导致产生新bug 解决...

一个不想写代码的程序员
2017/12/07
0
0
Linux的企业-docker的集群Compose和高可用Docker swarm

一.Docker Compose Docker Compose 将所管理的容器分为三层,工程(project),服务(service)以及容器(contaienr)。Docker Compose 运行的目录下的所有文件(docker-compose.yml, extends 文件或环...

一百个小排
2017/10/31
0
0
基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题

背景   在这越来越发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视。   所以在我们前端开发完成后,会有一些列的web应用的上线验证,如自测、QA测试、code ...

小结巴巴
2018/12/04
0
0
ELSE 技术周刊(2018.01.01期)

业界动态 小程序又搞事情,H5 开发的春天来了! 就在刚刚,微信官方公布了几个小程序爆炸性的新闻,在 2017 年的年底,这个新闻似乎是在告诉大家,小程序能做的事越来越多,2018 年你再也没法...

2018/01/02
0
0
docker 应用商店 - dapps

dapps 是什么? 它是基于 docker 的应用程序商店,包含丰富的软件,因为基于 docker,使你本机电脑有云开发的效果。 一键安装程序;多版本共存,完善的使用说明,且不影响本机环境。 前端、服...

kaka996
2019/10/15
3.7K
2

没有更多内容

加载失败,请刷新页面

加载更多

【 开发指南 】智能家居技能

本文作者:DuerOs 目录 一、教学视频 二、整体架构 三、开发步骤&资料整理 四、常见问题解答 五、智能家居文档 树状提纲 ————————————————————————————————...

百度开发者中心
2019/03/29
23
0
008. 并发容器类 Map

1. JDK 源码学习方法 1. 演绎推导法 示例:因果推理。 因为 JAVA 中只提供了 BIO 和 NIO 两种方式,所以一切框架中,涉及到网络处理的,都可以用这两个知识点去探究原理。 2. 归纳总结法 示例...

紫穹
今天
75
0
如何使用sed替换换行符(\\ n)? - How can I replace a newline (\n) using sed?

问题: How can I replace a newline (" \\n ") with a space (" 如何将换行符(“ \\n ”)替换为空格(“ ") using the sed command? “)使用sed命令? I unsuccessfully tried: 我尝试失......

javail
今天
109
0
OSChina 周一乱弹 —— 原来这叫分别焦虑

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《A Careful Tearing》- Levi Patel 手机党少年们想听歌,请使劲儿戳(这里) 清明...

小小编辑
今天
182
0
trim、stripslashes、htmlspecialchars函数

通过 PHP 验证表单数据 我们要做的第一件事是通过 PHP 的 htmlspecialchars() 函数传递所有变量。 在我们使用 htmlspecialchars() 函数后,如果用户试图在文本字段中提交以下内容: <script>...

imzchloe
今天
130
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部