H5性能测试以及H5性能测试工具-Toy模板网

这篇具有很好参考价值的文章主要介绍了H5性能测试以及H5性能测试工具。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

背景

背景由于公司最近项目有一个H5测试项目，功能测试不用多说，但是H5性能测试是一个大难题，于是研究下H5性能测试，下面总结下，希望能帮助自己回顾项目也希望能帮到测友。

总结

H5性能测试的常用指标：

白屏时间：用户首次看到网页内容的时间，即第一次渲染流程完成的时间；
首屏时间：用户看到第一屏，即整个网页完全显示出来的时间；
首资源下载时间：从开始下载第一个资源到下载完成的时间；
总资源下载时间：从开始下载到所有资源下载完成的时间；
用户可操作时间：从页面开始加载，到用户能够操作界面的时间。

H5性能测试工具

下面以chrome 浏览器为例：
通过chrom 应用商店搜索Lighthouse 下载安装后，打开需要测试的网页—打开F12—选择Lighthouse选项—点击分析网页加载情况，即开始分析H5网页性能，并且生成性能测试报告。

h5性能测试工具,软件测试那点事,jmeter,压力测试,testlink,测试工具

相关指标的含义：
首次内容绘制（First Contentful Paint）：即浏览器首次将任意内容（如文字、图像、canvas等）绘制到屏幕上的时间点；
最大内容绘制（Largest Contestful Paint）：表示可视区最大的可见元素开始出现在屏幕上的时间点；
总得阻塞时间（Total Blocking Time）：表示此次分析过程中遇到阻塞时间；
可交互时间（Time to Interactive）：指所有的网页内容已经成功加载完成，且能够快速对用户的操作做出反应的时间点；
速度指标（Speed Index）：衡量了首屏可见内容绘制在屏幕上的速度，在首次加载页面的过程中尽量展现更多的内容，往往能够给用户带来更好的体验，所以速度指标的值越小越好；
Cumulative Layout Shift：简称CLS。即累计布局偏移量。