Android flutter项目 启动优化实战(一)使用benchmark分析项目

背景描述

启动时间是用户对应用的第一印象,较慢的加载会对用户的留存和互动造成负面影响

在刚上线的B端项目中:

1.提高启动速度能提高整体流程的效率

2.提高首次运行速度能提高应用推广的初体验效果

问题描述

项目刚上线没多久、目前存在冷启动过程存在若干问题亟需优化 比如flutter hotrestart 不可用 、启动500ms黑屏问题

初期项目的启动流程

解决方案及工具

从结果上分为两大类,其中之一是以SplashScreen为代表的体验优化方向, 另一个是懒加载、减少包体积等的功能性优化方向. 但到实际的业务场景中要与业务功能结合使用 与pm等人进行沟通.

没有专门大块的时间去搞优化 于是分优先级、分阶段实现

检测工具

​​​​​​​​​​​​​​Jetpack Macrobenchmark 库

Macrobenchmark 库可衡量更大规模的最终用户互动,例如启动、与界面交互和动画。此库可让您直接控制受测试的性能环境。借助它,您还可以通过控制编译、启动和停止应用来直接衡量实际的应用启动或滚动。

1.在项目中New Module出来

2.将配置改为你所需要的

Kotlin 复制代码
@RunWith(AndroidJUnit4::class)
class ExampleStartupBenchmark {
    @get:Rule
    val benchmarkRule = MacrobenchmarkRule()

    @Test
    fun startup() = benchmarkRule.measureRepeated(
        packageName = "com.test.app",//你的包名 
        metrics = listOf(StartupTimingMetric()),
        iterations = 5, //测试五次
        startupMode = StartupMode.COLD//冷启动方式
    ) {
        pressHome()
        startActivityAndWait()
    }
}

3.更改配置及运行

app部分为benchmark,把其他Module都改成release 后运行

那么以如下情况为例

优化前(0.0V)问题分析

生成结果

运行benchmark后生成结果:


Benchmark startup生成结果

结果有两个log Benchmark和device info,分别是当前程序数据和设备硬件信息 我们关注Benchmark下的两个指标

Time to initial display & Time to full display

|---------------------------------|-----------------------------------------------------------------------------------------------------|-----------------|
| 名称 | 描述 | 用处 |
| 初始显示时间(Time to initial display) | 启动流程和完成在屏幕上绘制相应活动之间经过的时间量。 经过的时间包含以下事件序列: * 启动进程。 * 初始化对象。 * 创建并初始化Activity。 * 加载布局。 * 第一次绘制你的应用程序。 | 初始显示时间 能用户让觉得不卡 |
| 完全显示时间(Time to full display) | 测量应用程序启动和所有资源和视图层次结构的完整显示之间经过的时间 | 完全显示时间 能用户正常使用 |

分析

其中max时间很长、总体时间也不短 中位数接近最小值

作为初期项目 Time to initial display & Time to full display我全都要解决

接下来我们看看到底什么地方用了这么长时间 点击进入 Traces :Iteration具体如下图所示

从启动到展示出来的每个信息 是否并行 顺序都在这里展示出来
启动数据展示
查看操作方式 点击大图查看

可以看到bindApplication时间很长等问题

确认优化点

综上并结合实际显示的问题有几个大的优化向:

1.缩短总时长(解决黑屏问题、懒启动、优化流程)、2.优化启动项(使用App Startup)、3.提升用户体验

相关推荐
alexhilton8 小时前
Android的Agent优先时代:构建时vs运行时
android·kotlin·android jetpack
Cutecat_9 小时前
视频字幕处理工具横向:提取模式 vs 编辑模式,该如何选择
android·前端·ios·语音识别
2601_9617652910 小时前
【分享】PlayerPro媒体音乐播放器 完整专业版
android·媒体
JohnnyDeng9412 小时前
【Android】Android 包体积优化:R8/ProGuard 深度配置全攻略
android·性能优化·kotlin·jetpack
故渊at12 小时前
第九板块:Android 多媒体体系 | 第二十四篇:Camera Service 与 HAL3 成像流水线
android·camera·多媒体体系·hal3
愚者Pro12 小时前
切换本地 Flutter SDK 版本
flutter
TT_Close13 小时前
别再复制旧 Flutter 工程了,真正拖慢你的不是业务代码
flutter·npm·visual studio code
Zyed15 小时前
[STM32]Day15读写FLASH+读取ID
前端·stm32·性能优化
风华圆舞15 小时前
鸿蒙 + Flutter 下 AI 助手为什么要支持流式输出
人工智能·flutter·harmonyos
Jinkxs15 小时前
Python基础 - 初识内置函数 Python自带的便捷工具
android·java·python