App h5性能特点

1. pc时代

2. mobile web时代

3. hybrid时代

(1) ui webview

(2)  x5内核

4. app h5性能特点

App h5性能优化意义

1. 体验提升

(1) 订单/GMV提升

(2) 转化率提升

(3) dau增长

(4) 用户留存

(5) 其它业绩数据提升

(6) 深度剖析前端性能意义

2. 前端性能意义实验

App h5性能优化指标

1. 影响因素

2. 度量标准

3. 基础指标

阿里关键屏

(1) 首屏时间

(2) 白屏时间

(3) 可操作时间

(4) load时间

(5) 网络时间

(6) 服务性能

(7) 帧率

4. spa下首屏

5. 深度剖析性能指标

6. 性能指标实践

(1) 阿里巴巴云业务性能实践

App h5性能指标采集上报

1. 手动打点

2. 无埋点上报

3. 性能sdk

4. 图片测速

5. app上报

6. 深度剖析性能收集上报

7. 性能收集上报实践

(1) 腾讯公司手Q业务性能优化实践

App h5性能问题定位诊断

1. 同比环比数据分析

2. 业务间数据对比分析

3. 单条时间流分析

4. 网络dns解析时间

5. 白屏时间分析

6. 静态资源耗时分析

7. 可操作时间分析

8. 接口耗时分析

9. 关键屏/首屏时间分析

10. 浏览器dom解析时间分析

11. 图片加载耗时分析

12. load时间分析

13. 本地诊断

14. 诊断清单

15. 深度剖析性能分析诊断

16. 性能分析诊断实践

(1) 转转App 金刚位性能优化实践

App h5性能瓶颈分析

1. 业务层优化

2. webview层优化

3. 渲染层优化

4. 打包层面优化

5. 网络层面优化

6. 黑科技深度剖析

7. 性能瓶颈

8. 性能瓶颈实践

(1) 美团主app enhance hybrid优化实践

App h5性能效果评估

1. QA专项测试

2. App性能平台

3. ABtest

4. 业务数据

5. 可视化展现

6. 动画对比

App native层优化

1. hybrid框架优化

2. 离线组件包

3. webview预加载

4. 网络优化

(1) hybrid网络服务优化

(2) app通信数据格式优化

(3) 其它网络层优化

5. App native层优化深度剖析

6. App native层优化实践

(1) 美团酒旅App性能优化实践

(2) 携程机票App性能优化实践

App性能优化体系及演进

1. 前端性能体系演进

(1) 百度

(2) 腾讯

(3) 阿里巴巴

(4) 美团点评

(5) 专项测试

(6) 魔方平台

(7) RN

(8) PWA

(9) 小程序

(10) 全栈性能

(11) 性能体系

(12) 技术体系

(13) 人员规划

2. App h5性能优化实践（以58同城奥林匹亚项目为例）

(1) 任务分解

(2) 奥林匹亚项目调研

(3) 奥林匹亚项目规划

(4) 奥品匹亚项目立项

(5) 项目收益

(6) 深度剖析App h5性能优化实践

(7)  App h5性能优化实践实验