H5性能测试以及H5性能测试工具

背景

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

总结

H5性能测试的常用指标：

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

H5性能测试工具

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