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

一、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...）作出等级评估，对于需要优化的项目，会以不同程度的颜色标识（如：红色），每一项可以手动点击查看详细的描述和优化建议