H5前端性能测试实践

H5页面发版灵活,轻量,又具有跨平台的特性,在业务上有很多应用场景。但是同时对比App,H5的性能表现总是要逊色一筹,比如页面打开往往会出现白屏,滑动列表等交互场景下也不如native页面流畅。针对这些白屏、卡慢之类的问题,我们测试该从哪些方面去展开测试分析和数据对比呢?接下来笔者分享一些H5前端测试实践的经验,抛砖引玉,希望大家一起谈论,一起挖掘更多有价值的课题。 1.开篇:H5页面加载过程浅析 如下图所示,是精选平台打开h5页面的几个过程截图。 图一到图四可以简单分类,图一是app负责做的事情,主要是初始化webview上下文;后面三张图则是一个H5页面加载的过程。其中,…

Read More