一般的性能测试流程是H5页面开发完成后，先在测试环境进行测试，测试通过再部署到线上环境，所以测试阶段要先进行测试环境配置。一般H5比较关注的性能数据：请求数量、请求大小和各事件加载时间。小编带大家一起来看看具体的测试点吧！
cpu
当页面中资源样式复杂，强调视觉效果时，测试员可观察CPU占用率来反映H5绘制质量。如果CPU长期处于高占用率，可考虑降低高计算量的视觉效果等手段。
内存
帧率尤其在有视频和动画效果的H5中，测试员应该重点关注，防止严重的卡顿流出。
首资源下载时间
从开始下载到第一个资源均下载完成的时间，不包括页面绘制时间。
总资源下载时间
从开始下载到所有资源均下载完成的时间，不包括页面绘制时间。
用户可操作时间
从页面开始加载到用户操作可响应的时间。
白屏时间
用户首次看到网页有内容的时间，即第一次渲染流程完成时间。
首屏加载时间
即在可见的屏幕范围内，内容展现完全，loading进度条消失。因此在H5性能优化中，一个很重要的目的就是尽可能提升这个“首屏加载”的时间，让它满足“一秒钟法则”。
页面渲染时间
随着项目功能越来越多，存在部分页面启动时长过长的问题。
以上是对项目中遇到的H5页面性能测试关注点的总结，除此之外，如果有其他未考虑到的地方，大家也可以来交流交流哟！
推荐阅读：
ios手机自动化测试怎么做？ios手机自动化测试工具MR使用方法
移动端测试用例怎么写？如何设计移动端测试用例？
移动app和小程序在测试上重点是是什么？
移动端自动化测试工具都有哪些？
sales@spasvo.com
