手机购物是大家生活中较为常见的使用场景之一,本次测评华为终端开放实验室选取了 6 款常见的购物类应用作为测评对象,探究各应用在页面响应时长方面的表现,并提出优化建议。

image

image

通过以上数据可以看出,6 款应用页面响应时长均未超过 2.3 秒,整体体验较为优秀。

不同应用之间差别也很明显,如:唯品会的页面响应时间与手机淘宝相差接近 1 秒,用户会有明显感知,大家可以通过以下示例图片进行感受。

image

原因及优化建议

对比页面加载过程发现,除手机淘宝外,其余五款应用均在搜索结果中有视频内容展示,其中唯品会、网易考拉和京东在页面加载过程中还使用了页面过渡动画,视频和过渡动画的加载直接影响了页面响应时长。

一般情况,页面响应时间过长主要有以下几种原因:

1、页面布局和控件太多;

2、页面过度绘制;

3、过度或不恰当的 DOM 操作;

4、http 请求过多、请求时间过长、请求异常等。

优化建议

1、UI 渲染优化,去除重复绘制,减少 UI 重复绘制时间;

2、避免过于复杂的 DOM 结构,避免过度嵌套;

3、保证简洁、清晰的 html 结构,减少或避免多余的 html 标签;

4、善用缓存,只加载初始化或有更新状态的资源,对无更新的资源则返回已缓存的结果。

*本次测评最终解释权归华为所有


↙↙↙阅读原文可查看相关链接,并与作者交流