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


 

目录

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

Android flutter项目 启动优化实战(二)利用 App Startup 优化项目和使用flutterboost中的问题解决

背景描述

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

在刚上线的Android 原生&flutter 的B端项目中:

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

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

问题描述

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

 初期项目的启动流程 

解决方案及工具

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

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

检测工具

 Jetpack Macrobenchmark 库

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

1.在项目中New Module出来

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

@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.提升用户体验

参考文档:

对您的应用进行基准测试  |  App quality  |  Android Developers

  • 23
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,让我来回答你的问题。 对于获取Android照片地址,可以使用flutter中的image_picker插件来实现。首先在pubspec.yaml文件中添加依赖: ``` dependencies: image_picker: ^0.6.7+22 ``` 然后在需要获取照片的位置调用以下代码即可: ```dart import 'package:image_picker/image_picker.dart'; final picker = ImagePicker(); final pickedFile = await picker.getImage(source: ImageSource.gallery); if (pickedFile != null) { final String path = pickedFile.path; // do something with the image path } ``` 对于Flutter项目安卓配置启动图片,可以在Android项目目录下的`android/app/src/main/res`文件夹中放置启动图片。具体命名规则和尺寸可以参考Flutter官方文档:https://flutter.dev/docs/development/ui/advanced/splash-screen。在Android的`AndroidManifest.xml`文件中添加以下代码即可: ```xml <application android:name="io.flutter.app.FlutterApplication" android:icon="@mipmap/ic_launcher" android:label="your_app_name" android:theme="@style/LaunchTheme"> <activity android:name=".MainActivity" android:launchMode="singleTop" android:theme="@style/Theme.AppCompat.Light.NoActionBar" android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection" android:hardwareAccelerated="true" android:windowSoftInputMode="adjustResize"> <meta-data android:name="io.flutter.embedding.android.SplashScreenDrawable" android:resource="@drawable/launch_background" /> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> ``` 其中`@drawable/launch_background`指的是启动图片的名称。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值