1.YellowLabTools简介css
Yellow Lab Tools:是一款开源的Web前端性能测试工具,具备一些在其余工具上没法看到的独特功能,如页面加载时,JavaScript与DOM互动和其余程序代码验证问题。前端
Yellow Lab Tools 偏向于一个发现不良实践的工具,会综合页面权重、请求数、DOM、错误的Javascript、错误的CSS等方面取得一个综合评分。并显示出在加载页面的过程当中,DOM 是如何相互影响。面试
2.YellowLabTools应用方式&场景docker
YellowLabTools的使用,能够免安装在线操做,也能够在本地环境搭建专属的服务进行测试。对于相对机密不容许过多公开的项目,or天天要进行屡次测试的项目,以及免在线排队等待测试,此种场景下不建议采用在线的YellowLabTools测试,而建议在本地环境搭建一个专属的服务环境。
本文主要以Docker容器在本地环境安装YellowLabTools镜像服务进行测试,具体以下:浏览器
方式1:直接使用在线YellowLabTools服务进行测试服务器
官网:https://yellowlab.tools/cookie
方式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...)做出等级评估,对于须要优化的项目,会以不一样程度的颜色标识(如:红色),每一项能够手动点击查看详细的描述和优化建议