一、背景
百度App自2016年上半年尝试Feed流业务形态,至2017年下半年,历经10个版本的迭代,基本完成了产品形态的初步探索。在整个Feed流形态的闭环中,新闻详情页(文中称为落地页)作为重要的组成部分,如果打开页面后,loading时间过长,会严重影响用户体验。因此我们针对落地页这种H5的首屏展现速度进行了长期优化,本文会详细阐述整个优化思路和技术细节
二、方法论
通过分析用户反馈,发现当时的落地页从点击到首屏展现平均需要3s的时间,每次用户兴致勃勃的想要浏览感兴趣的文章时,却因为过长的loading时间,而不耐烦的选择了back。为了提升用户体验,我们进行了以下工作:
-
通过用户反馈、QA测试等多种渠道,发现落地页首屏加载慢问题
-
定义首屏性能指标(首屏含图,以图片加载为准;首屏无图,以文字渲染结束为准)
-
NA、内核、H5三方针对自己加载H5的流程进行划分并埋点上报
-
统计侧根据三端上报的数据产出平均值、