H5-测试

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调试，就可以放弃使用这类工具，不是工具不好，而是大材小用。还有一类，这里重点提到的是如PageSpeed、PCAPWebPerformanceAnalyzer、WebPagetest这类平台型工具。我们可以快捷的测试出H5前端性能中数据，视图，并给出一定程度的优化建议。