admin 管理员组

文章数量: 887053


2024年1月12日发(作者：fcfs算法周转时间怎么算)

H5 测试

随着各种H5页面的普及和运用，并深深的影响着我们各个业务的发展，前两年也对H5测试的有着不少积累，今年上半年专门成立了H5测试研究虚拟小组，专门研究怎么玩转H5测试，废话少说，直接上干货——一张图玩转H5测试，其目的在于，当一个测试者拿到一个H5业务的测试时，可以引导你怎么去思考来完整的测试你的业务：

神马？ 图片看不清楚，好吧，下面来一版excel表格整理版：

H5性能测试检查点：

兼容性检查点：

测试工具

测试工具的本质是获取性能数据，当然一些工具在使用和观察数据上有差别。工具分2类：现有工具，其他获取方案。这里列举下目前我们常用的工具共选择和参考：

在android和IOS上测试H5性能，测试员还应该关注因加载H5而引起的app常规性能指标。

▪

内存：加载页面前后内存变化，可间接反映H5中资源数量和大小，如dom数量，图片大小。

CPU：当页面中资源样式复杂，强调视觉效果时，测试员可观察CPU占用率来反映H5绘制质量。如果CPU长期处于高占用率，可考虑降低高计算量的视觉效果等手段。

FPS：帧率尤其在有视频和动画效果的H5中，测试员应该重点关注，防止严重的卡顿流出。

▪

▪

▪

常用工具

工欲善其事，必先利其器，在做H5前端性能测试之前，选择合适的工具能让我们的测试工作事半功倍。本文要提到的工具有两类：

一类是抓包工具，如Fiddler、Charles等。这类工具不仅可以抓包，还可以对包进行修改，动态展示瀑布流，对web进行调试。在我们做H5前端性能测试的时候，个人觉得只要不修改包，不对H5调试，就可以放弃使用这类工具，不是工具不好，而是大材小用。

还有一类，这里重点提到的是如Page Speed、PCAP Web Performance Analyzer、WebPagetest这类平台型工具。我们可以快捷的测试出H5前端性能中数据，视图，并给出一定程度的优化建议。


本文标签： 测试 工具 性能 页面

版权声明：本文标题：H5 测试 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1705055491h471430.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。