美团点评技术沙龙011 - 客户端用户体验数据量化

32
客户端用户体验数据量化 技术工程部-工程质量中心-康焕平 2016-09-10

Post on 16-Apr-2017

276 views

Category:

Engineering


5 download

TRANSCRIPT

Page 1: 美团点评技术沙龙011 - 客户端用户体验数据量化

客户端用户体验数据量化 � 技术工程部-工程质量中心-康焕平 � 

2016-09-10 � 

Page 2: 美团点评技术沙龙011 - 客户端用户体验数据量化

工作经历 � 

2013年~2014年 �  � 测试开发工程师 � 

在百度主要从事Windows客户端性能、 � 

稳定性自动化测试开发工作 � 

2014年~至今 �  � 系统开发工程师 � 

在美团点评主要负责移动云测项目产品 � 

设计和开发工作 � 

Page 3: 美团点评技术沙龙011 - 客户端用户体验数据量化

拜托拜托快点启动。。 � 

Page 4: 美团点评技术沙龙011 - 客户端用户体验数据量化

小团跑得快累死了,怎还不加载出来。。 � 

Page 5: 美团点评技术沙龙011 - 客户端用户体验数据量化
Page 6: 美团点评技术沙龙011 - 客户端用户体验数据量化

Agenda � 

ü 云测项目介绍 � ü 用户体验性能量化方法 � •  页面加载时间分层计算 � •  客户端与图片内存拆分 � •  数据与图片流量拆分 � •  竞品与历史性能对比 � 

ü 兼容性与稳定性测试方案 � ü 云测平台架构 � 

Page 7: 美团点评技术沙龙011 - 客户端用户体验数据量化

云测项目介绍 � 

项目名:Conan(柯南) �  � 

项目定位: � 

l 量化客户端用户体验 �  � l 客户端分层自动化测试 �  �  �  �  � l 客户端黑盒自动化测试 �  � 

Page 8: 美团点评技术沙龙011 - 客户端用户体验数据量化

小美小团的故事 � 

Page 9: 美团点评技术沙龙011 - 客户端用户体验数据量化

小美小团的故事 � 

Page 10: 美团点评技术沙龙011 - 客户端用户体验数据量化

小美小团的故事 � 注:浅色柱状区域表示数据渲染耗时,深色区域代

表接口响应耗时。 � 

Page 11: 美团点评技术沙龙011 - 客户端用户体验数据量化

页面加载时间分层计算 � 

页面渲染时间 �  � 

接口响应时间 �  � 

页面加载时间 �  � 

Page 12: 美团点评技术沙龙011 - 客户端用户体验数据量化

客户端页面加载时间分层计算 � 

API请求 响应延迟

http://api.meituan.com

http://api.meituan.com/group

http://api.meituan.com/group/v1

http://lvyou.meituan.com

http://api.mobile.meituan.com

……

500ms

3000ms 200ms

300ms

100ms

加载时间5S

Page 13: 美团点评技术沙龙011 - 客户端用户体验数据量化

小美小团的故事 � 

加载

时间

流量

内存

网络

Page 14: 美团点评技术沙龙011 - 客户端用户体验数据量化

小美小团的故事 � 

Page 15: 美团点评技术沙龙011 - 客户端用户体验数据量化

数据与图片流量拆分 � 

Page 16: 美团点评技术沙龙011 - 客户端用户体验数据量化

数据与图片流量拆分 � 

0.3元/M � * � 1000万DAU �  � = � 300万RMB � ≈ � 79000只 � 

青岛 � 

Page 17: 美团点评技术沙龙011 - 客户端用户体验数据量化

小美小团的故事 � 

柱状图的浅色部就是图片占用的内存值

Page 18: 美团点评技术沙龙011 - 客户端用户体验数据量化

小美小团的故事 � 

Page 19: 美团点评技术沙龙011 - 客户端用户体验数据量化

客户端与图片内存拆分 � 

客户端

图片

总内存

Page 20: 美团点评技术沙龙011 - 客户端用户体验数据量化

普通的客户端性能数据 �  � 

1.  美团团购App启动时间12s � 2.  跑美食频道测试用例,美团团购App �  �  �  �  �  � 在联想手机内存平均占用100M � 

� 3. � 跑美食频道测试用例,美团团购 � 

�  �  �  � App在联想手机页面加载总时间是5s � 

�  �  � …… � 

Page 21: 美团点评技术沙龙011 - 客户端用户体验数据量化

我们的客户端性能数据 �  � 

0  

1  

2  

3  

4  

5  

6  

7  

8  

9  

冷启动时间

大众点评

美团团购

百度糯米

京东

淘宝

与竞品冷启动时间对比

大众点评 美团团购 百度糯米 京东 淘宝

Page 22: 美团点评技术沙龙011 - 客户端用户体验数据量化

我们的客户端性能数据 �  � 

0  

2  

4  

6  

8  

10  

12  

14  

1.0版 2.0版 3.0版 4.0版 5.0版 6.0版

美团团购

百度糯米

大众点评

与历史版本冷启动时间对比(团购Android) � 

11.92秒

2.94秒

Page 23: 美团点评技术沙龙011 - 客户端用户体验数据量化

用户直观体验 � 

启动慢 � 页面加载慢 � 

后台接口响应延迟 � 

前端渲染数据耗时 � 

流量 � 费用高 � 

数据流量 � 

图片流量 � 

内存 � 占用大 � 

App内存 � 

图片内存 � 

移动性能自动化 � 

Page 24: 美团点评技术沙龙011 - 客户端用户体验数据量化

稳定性测试(Advanced � Monkey) � 

通过Scheme跳转 � 

跳转后执行Monkey � 

注:可以选择在弱网(2G/3G/4G)环境执行稳定性测试任务

Page 25: 美团点评技术沙龙011 - 客户端用户体验数据量化

云测平台(功能框架) � 

Page 26: 美团点评技术沙龙011 - 客户端用户体验数据量化

云测平台(业务应用) � 

Page 27: 美团点评技术沙龙011 - 客户端用户体验数据量化

云测平台调度架构 � 

Page 28: 美团点评技术沙龙011 - 客户端用户体验数据量化

云测平台后续规划 � 

Page 29: 美团点评技术沙龙011 - 客户端用户体验数据量化

云测平台演示 � 

Page 30: 美团点评技术沙龙011 - 客户端用户体验数据量化
Page 31: 美团点评技术沙龙011 - 客户端用户体验数据量化

Q&A

Page 32: 美团点评技术沙龙011 - 客户端用户体验数据量化

谢谢大家 �