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

畅快买买买!购物类应用页面响应时间测评及优化建议-LMLPHP

畅快买买买!购物类应用页面响应时间测评及优化建议-LMLPHP

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

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

畅快买买买!购物类应用页面响应时间测评及优化建议-LMLPHP

原因及优化建议

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

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

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

2、页面过度绘制;

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

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

优化建议

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

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

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

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

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

01-07 17:56