百度APP-Android H5首屏优化实践

一、背景  

百度App自2016年上半年尝试Feed流业务形态，至2017年下半年，历经10个版本的迭代，基本完成了产品形态的初步探索。在整个Feed流形态的闭环中，新闻详情页（文中称为落地页）作为重要的组成部分，如果打开页面后，loading时间过长，会严重影响用户体验。因此我们针对落地页这种H5的首屏展现速度进行了长期优化，本文会详细阐述整个优化思路和技术细节

二、方法论

通过分析用户反馈，发现当时的落地页从点击到首屏展现平均需要3s的时间，每次用户兴致勃勃的想要浏览感兴趣的文章时，却因为过长的loading时间，而不耐烦的选择了back。为了提升用户体验，我们进行了以下工作：

• 通过用户反馈、QA测试等多种渠道，发现落地页首屏加载慢问题

• 定义首屏性能指标（首屏含图，以图片加载为准；首屏无图，以文字渲染结束为准）

• NA、内核、H5三方针对自己加载H5的流程进行划分并埋点上报

• 统计侧根据三端上报的数据产出平均值、80分位值的性能报表

• 分析性能报表，找到不合理的耗时点，并进行优化

• 以AB实验方式，对比优化前后的性能报表数据，产出优化效果，同时评估用户体验等相关指标

• 按照长期优化的方式，不断分析定位性能瓶颈点并优化ÿ