手机购物是大家生活中较为常见的使用场景之一,本次测评华为终端开放实验室选取了 6 款常见的购物类应用作为测评对象,探究各应用在页面响应时长方面的表现,并提出优化建议。
通过以上数据可以看出,6 款应用页面响应时长均未超过 2.3 秒,整体体验较为优秀。
不同应用之间差别也很明显,如:唯品会的页面响应时间与手机淘宝相差接近 1 秒,用户会有明显感知,大家可以通过以下示例图片进行感受。
原因及优化建议
对比页面加载过程发现,除手机淘宝外,其余五款应用均在搜索结果中有视频内容展示,其中唯品会、网易考拉和京东在页面加载过程中还使用了页面过渡动画,视频和过渡动画的加载直接影响了页面响应时长。
一般情况,页面响应时间过长主要有以下几种原因:
1、页面布局和控件太多;
2、页面过度绘制;
3、过度或不恰当的 DOM 操作;
4、http 请求过多、请求时间过长、请求异常等。
优化建议
1、UI 渲染优化,去除重复绘制,减少 UI 重复绘制时间;
2、避免过于复杂的 DOM 结构,避免过度嵌套;
3、保证简洁、清晰的 html 结构,减少或避免多余的 html 标签;
4、善用缓存,只加载初始化或有更新状态的资源,对无更新的资源则返回已缓存的结果。
*本次测评最终解释权归华为所有