01背景介绍在智能手机市场上,高端机型经常备受瞩目,但低端机型亦占据了不可忽视的份额众多厂商为满足低端市场的需求,不断推出低配系列手机另外过去几年的中高端机型,随着系统硬件的快速迭代,现已经被归类为低端机型。
爱奇艺APP拥有庞大的用户基群,其中低端机型用户也占据了相当一部分低端机优化能给这部分用户带来稳定、流畅、高效的使用体验下面将从冷启动、流畅性、加载速度三个维度介绍爱奇艺APP对低端机的优化策略低端机分级策略
介绍优化之前,我们看看低端机的标准,低端机设备的判断通常基于设备型号、内存大小和系统版本等因素爱奇艺APP有自己的低端机分级策略,可在策略后台分场景(启动、流畅度等)、分等级(内存、机型、系统等)配置优化策略,以保障不同场景的最佳体验。
02启动优化启动是APP给用户打开的第一扇门,它的耗时长短直接影响用户后续的观感体验和留存,对业务指标有明显的影响因此启动优化是技术优化方向的重点工作内容相关介绍启动阶段的起点和终点:爱奇艺APP以 Application.attachBaseContext 为起点;以首页数据展现终点,该阶段经历的时长,作为线上正常冷启动耗时。
这个主要经历 Application 创建阶段,MainActivity创建显示阶段,广告,首页顶底导航数据加载及渲染,首页数据加载及渲染这几个阶段
在这个过程中,要梳理出业务层做了哪些工作,评估其执行的必要性和执行时机以及所处调度线程的合理性;要监测主线程状态,是否陷入长时间休眠;主线程消息/后台消息监测治理,是否有不符合预期的任务被触发;是否有充分利用系统资源,是否充分利用空闲时机做预加载等。
业务功能原子化:为将启动阶段的任务能够有序调度、合理分配资源,开发了一套对任务管理的框架TaskManager,将业务功能实现包装在自定义Task里面,拆分得足够细,并设定Task之间的执行依赖关系,预期被调度执行的线程,执行时机等,然后统一交由 TaskManager处理,这层任务管理是我们实施启动优化的基础。
优化实践开屏首页合并早期爱奇艺APP开屏和首页是两个activity,两个activity带来一些用户体验问题:开屏结束刚进首页时低端机卡顿明显,首页也没有立即展现,用户能看到首页数据和图片都有一个从无到有的加载过程。
开屏阶段大多数场景是有开屏广告的,将开屏和首页合并到一个activity,利用开屏广告阶段将首页放到开屏页面的下面加载,并且将首页数据和UI展现分离并行处理,最大利用该阶段,最终可达到开机屏结束时首页立即展现,低端机上卡顿也明显好转
。首页的渲染给开屏广告也带来的一定的影响。广告倒计时显示不稳定、少数类型的广告效果不流畅。对此首页加载拆成很多步骤在广告的回调的触发解决,倒计时显示使用surfaceView渲染保障其稳定性。
任务调度优化基于启动类型,编排启动阶段任务执行时序,提前,延后,或不执行,从而让用户尽早的看到目标页面。以下是爱奇艺针对低端机正常启动路径下,对任务做出的调整。
解决锁竞争native库加载锁竞争:C层库加载是有锁的,Java层开多线程加载Lib库,到C层后仍会顺行执行加载,这就会导致Java层线程阻塞等待爱奇艺在Application阶段有Lib库加载的需要,并要在主线程等待其加载完成后调用相关的JNI方法;而又遇到播放模块针对外部拉起进播放页这种情况,有预加载播放相关Lib库的需要,这会导致主线程进入等待状态。
可通过在启动阶段识别目标落地页,来决定是否执行播放相关的Lib库预加载,从而避开大部分正常启动进首页的用户卡顿(测试机 红米K40,Android12系统)
资源锁竞争:爱奇艺首页展现前,有别的模块在子线程预加载布局文件,导致 LayoutInfalter / ResourceManager / AssertsManager 层锁竞争激烈将预加载布局的任务调度到首页展现后执行,并且限制预加载布局在同一个子线程里面执行,可以看到改进后锁冲突次数大大减少了,这样能让首页更快展现出来。
Baseline ProfilesBaseline Profiles:Google在2022年推出Baseline Profiles,允许开发者在apk内置自定义的热点代码基准配置文件在APP安装期间,系统通过配置文件提前预编译热点代码。
可以略过运行时所包含代码路径的解译和即时编译步骤,提升首次启动代码执行速度Startup Profiles:启动配置文件是上述基准配置文件一个子集,使用启动配置文件可改进APK的DEX文件中的代码布局,从而进一步优化包含的类和方法。
爱奇艺APP通过启动配置文件将启动阶段的代码构建到同一个DEX文件中使用上述两个策略爱奇艺APP在部分机型上首次启动速度提升约10%。
外链拉启优化外链拉起也是一种重要启动方式,通常有H5、分享、第三方APP等方式拉起,与正常冷启的区分在于外链拉起的往往不是首页,是特定的目标页爱奇艺最常见的场景是拉起播放页,如果我们提前(application阶段)识别落地页,可以针对该落地页调整任务优先级,外链拉起播放页我们提前识别出播放页将播放器相关的任务提前初始化。
通过这一策略低端机上外链拉起开播提速约1.5秒。
03流畅度优化相关介绍爱奇艺APP大部分页面都是基于自研的Card框架进行开发Card框架是一种高度可复用的UI框架,在使用原生代码实现基础UI布局和业务逻辑的基础上,通过后端下发的CSS控制来控制基础容器样式,来达到页面区块整体的复用,以及针对内容样式动态微调。
是我们双端(Android和IOS)实现页面整体复用和局部微调的一种解决方案在基于这套框架的基础上对APP内页面流畅度进行优化,Card框架如下特点:复用度高:由控件构成内容区块(Block),由多个区块组成行;由多个行组合成Card,再由多个Card组合成整个列表页面。
其中业务最小可复用单元为Block动态性强:支持在后台配置CSS文件,动态修改某个UI的样式(文字的大小、颜色,圆角等等)。
优化实践样式Native化Card页面的动态性和复用性导致了UI在布局上复杂性一种类型的Block需要兼容多种样式形态,例如一张图上的四个角落,需要预埋各种类型的角标逻辑,而角标类型又包括纯图、纯文、图+文、可选中等形态。
实现各种样式会导致View个数多、嵌套层级深,使得某些页面在低端机上滑动不够流畅为了优化这一现状,筛选出一些业务形态稳定的Card,针对这类Card做样式固化,在布局上做了大量精简使得上下滑动上带来了明显的帧率提升。
例如瀑布流Card,我们将实现的View数量由40+减少到17个,布局层级从6层下降低到2层;在不同的低端机上,带来了10%到20%不等的滑动帧率提升。
View合并绘制上述布局简化策略带来的提升效果是明显的,但由于业务形态多样化,使得一些必要的View无法删减为了进一步减少View个数和层级,将常用的Block布局中多个view合并到一个自定义的View上,利用View的画布,绘制文本、图片、按钮等样式信息。
此方法可以有效减少View个数和嵌套层级,但仍需处理每个元素点击事件和按压效果在低端机,此种策略可以带来约1~2fps的滑动帧率提升。
预创建&异步加载布局预创建:如上图介绍的三种样式的Card中,使用的都是block类型相同(上图下文)我们将这些常用的、复用度高的Block布局,在启动阶段预加载到缓存池中,使得列表滑动中可以直接使用预创建的布局,从而减少UI绘制中的inflate时间。
布局异步创建:预创建对常用的布局效果是不错的,但不常用布局还是占据多数,这类布局在滚动过程使用AsyncLayoutInflater异步创建将要出现的布局,减少滚布局在UI线程的创建时间,同时也可以提升RecyclerView预取的效率。
RecyclerView预取:爱奇艺APP不少页面用嵌套的RecyclerView去做横滑滚动产品形态,这类形态的card大多数在一屏里会露出3-5个item,根据不同形态设置不同的预取数(setInitialPrefetchItemCount,默认是2)可以减少这类card露出时的卡顿。
主线程减少非UI任务执行:在滚动过程检测主线程上耗时,发现部分非绘制任务在主线程执行,UI线程解析JSON,建立数据库链接等放到异步任务执行冷启UI消息调度低端机在冷启动的过程中,资源消耗会逐步达到一个峰值状态;存在大量的UI消息(需要在UI线程执行)和其他后台任务需要执行。
通过拦截埋点分析,这阶段有4000多条消息(15秒内)需要在UI线程上执行在低端机上这些消息执行的时间从1ms到150ms不等执行这些消息时系统的UI渲染消息就会被延时执行,在低端机上用户在APP刚启动时面临滑动卡顿、点击响应慢等问题。
针对这一问题,我们的解决方案是拦截所有往UI线程发送的消息加入到自定义的消息队列中;再监测系统UI消息队列的是否空闲状态,空闲时从自定义队列取出消息重定向到系统UI消息队列执行;另外增加白名单机制针对部分高优的消息放行。
针对异常有回退机制处理通过对UI消息调度,使得低端机在冷启阶段卡顿程度得到了明显的改善;通过对线上大数据监测,冻帧和掉帧数大幅度减少。冷启阶段提升帧率提升约8fps。
效果降级策略低端机上通过对部分效果降级有效的减少特定场景下卡顿, 爱奇艺APP做了如下的降级策略动效降级:顶底导航动效降级到静态图、播控动效关闭、部分产品功能的动效简化处理等播放降级:滚动延时播放&部分场景不开播等策略。
ViewPager预加载降级:禁止左右Tab的预加载,减少了view绘制时间和内存开销图片降级:部分页面动图不播,图片使用565像素格式04加载速度优化相关介绍除了前述的启动优化外,我们还专注于优化一些重要页面,因为这些页面的用户访问频率极高,对它们的优化能够显著提升用户体验。
举例来说,搜索是用户经常使用的功能之一,因此我们对搜索行为进行了精细化拆解,并对搜索的每个步骤都进行了优化处理
优化实践预请求通常,页面的渲染过程通常从Activity的onCreate方法开始之后再发起网络请求以获取必要的数据获取到具体的数据之后再进行页面的渲染,之前在搜索场景我们也是这样的流程那有没有可能提前获取到需要的数据呢?。
其实用户在首页点击搜索框时,已经有了网络请求所需要的参数那就完全可以在点击时,提前发起网络请求,网络请求与页面跳转并发进行,缩短了网络请求时间如果机器性能越差,页面点击到onCreate方法的时间越长,优化的时间也越多。
低端机验证减少耗时约200ms。
据分次下发用户在进入页面时,仅会呈现首屏数据,而页面下方的数据则需待用户执行滑动操作方能显示因此,我们优先确保首屏数据的展示,通过减少首次数据下发的大小,减少了数据获取、数据传输、数据解析所需的耗时在首屏数据渲染完成后,我们会再次发起接口请求,确保用户在执行滑动操作时,也能够立即呈现后续数据。
在首页、半播页、搜索等多个重点页面都采用该方案进行优化,比如在搜索场景使用该方案,验证减少约200ms预创建布局预创建:在搜索中间页空闲时,我们针对复用程度很高的布局,提前将这些布局创建到缓存中,页面真正渲染时,直接使用预创建好的布局,避免了view进行inflate的时间。
Fragment 预创建:在搜索中间页空闲时,提前创建好结果页的Fragment容器,在结果页展示时就不用创建对应的容器,减少容器创建耗时。
主线程优化在页面加载时,希望尽可能是页面相关的主线程任务先执行,如果重要任务调度被抢占了,就会影响页面渲染效果通过我们内部自研的Tracepeed工具,接管主线程的Looper.loop() ,可以发现主线程中耗时较大的任务。
如果发现耗时较长的低优先级任务被先执行了,可以调整任务调度,让重要任务优先执行比如在搜索结果页加载过程中,图片加载是一个重要的任务但在低端机上,发现某些情况下会有另外一个任务抢占主线程,导致图片加载耗时有时长达1s。
针对这种场景,调整任务调度,让图片加载任务优先执行,耗时稳定到在100+ms
业务逻辑优化针对不同的业务,我们也分析了具体的业务逻辑,对相关逻辑进行优化:空图优化:在选集加载时,某些场景,后端会下发一个空图片,而这个空图片也会进行加载,导致页面加载耗时增加,因此我们针对空图,限制不进行加载。
高频逻辑优化:在进行优化时,高频方法是一个需要重点关注的点,优化一些常用的高频方法,各个页面耗时都可以得到优化比如:在基础控件上的初始化上,避免无用方法的执行,减少了这类高频方法的耗时耗时方法异步执行:在页面加载过程中,也会有一些优先级不那么高的业务逻辑,当发现这些逻辑后,可以通过异步框架去执行这些逻辑,从而减少页面加载耗时。
防劣化经过持续不断的优化,页面加载耗时已达到稳定水平然而,在不断进行的开发迭代过程中,我们注意到了一些耗时增加的情况如何有效地防止这种劣化的发生呢?通过在代码里面重点方法进行埋点,每天定时执行流水线任务,多次执行取平均值后。
用可视化的方式可以发现页面加载的波动情况如果出现了劣化,就可以通过任务对比,直观的发现两次任务耗时差异点在哪里,针对耗时差异点进行分析优化
05总结与展望低端机优化包括很多方面,上述介绍的几个核心业务场景下的部分优化手段,优先处理关键性能问题,有效提升低端机的运行性能,其中需要用的工具分析、线上监控、衡量标准这里没有提及,这些也是性能优化的重要利器。
Android碎片化严重,低端机优化任重而道远后续我们继续精进打磨,寻找新的优化突破点,以技术创新为用户提供稳定流畅的使用体验,助力高质量增长作者:基线研发团队来源-微信公众号:爱奇艺技术产品团队出处:https://mp.weixin.qq.com/s/V4_1rOS99JNoKpRkQFP55Q
亲爱的读者们,感谢您花时间阅读本文。如果您对本文有任何疑问或建议,请随时联系我。我非常乐意与您交流。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。