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

一、背景

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

二、方法论

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

通过用户反馈、QA测试等多种渠道，发现落地页首屏加载慢问题
定义首屏性能指标（首屏含图，以图片加载为准；首屏无图，以文字渲染结束为准）
NA、内核、H5三方针对自己加载H5的流程进行划分并埋点上报
统计侧根据三端上报的数据产出平均值、80分位值的性能报表
分析性能报表，找到不合理的耗时点，并进行优化
以AB实验方式，对比优化前后的性能报表数据，产出优化效果，同时评估用户体验等相关指标
按照长期优化的方式，不断分析定位性能瓶颈点并优化ÿ

百度APP-Android H5首屏优化实践相关推荐

百度APP移动端网络深度优化实践分享(三)：移动端弱网优化篇
本文由百度技术团队"蔡锐"原创发表于"百度App技术"公众号,原题为<百度App网络深度优化系列<三>弱网优化>,感谢原作者的无私分享. ...
时间都去哪了-移动Web首屏优化实践
时间都去哪了-移动Web首屏优化实践首屏时间可用性的前提,后面用户是否使用你app很重要的因素之一: 我们PC上访问其实现在的带宽已经很好了,百兆光宽带,但是在移动端就不一样了,很多用户还是使用的 ...
百度APP移动端网络深度优化实践分享(一)：DNS优化篇
本文由百度技术团队"蔡锐"原创发表于"百度App技术"公众号,原题为<百度App网络深度优化系列<一>DNS优化>,感谢原作者的无私分享 ...
【Android高级工程师系统学习视频】百度APP-Android-H5首屏优化实践
百度App自2016年上半年尝试Feed流业务形态,至2017年下半年,历经10个版本的迭代,基本完成了产品形态的初步探索.在整个Feed流形态的闭环中,新闻详情页(文中称为落地页)作为重要的组成部分 ...
html 手机访问优化,移动端首屏优化
[TOC] ## 页面加载为什么打开一个 H5 页面会有一长段白屏时间?因为它做了很多事情,大概是: ~~~ 初始化 webview -> 请求页面 -> 下载数据 -> 解析HT ...
百度APP视频播放中的解码优化
全文3514字,预计阅读时间26分钟一.背景在全民视频的时代,百度APP中视频播放是十分重要的业务.随着 5G 的到来,视频播放已经不满足以前的标清/高清,超清乃至于 4K 已经是旧时王谢堂前燕飞 ...
移动spa商城优化记（一）---首屏优化篇
背景随着公司业务的不断壮大,最近老是有用户反应公司APP内的商城打开比较慢,这可不行啊,慢了容易流失用户,流失用户减少公司业绩,公司业绩少我的年终奖就少----,所以为了公司,也为了自己,开始优化之 ...
美图App的移动端DNS优化实践：HTTPS请求耗时减小近半...
本文引用了颜向群发表于高可用架构公众号上的文章<聊聊HTTPS环境DNS优化:美图App请求耗时节约近半案例>的部分内容,感谢原作者. 1.引言移动互联网时代,APP 厂商之间的竞争非常 ...
美图App的移动端DNS优化实践：HTTPS请求耗时减小近半
本文引用了颜向群发表于高可用架构公众号上的文章<聊聊HTTPS环境DNS优化:美图App请求耗时节约近半案例>的部分内容,感谢原作者. 1.引言移动互联网时代,APP 厂商之间的竞争非常 ...

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

一、背景

二、方法论

百度APP-Android H5首屏优化实践相关推荐

最新文章

热门文章