常州开发APP专业技术团队介绍APP启动优化两个方向

2021-05-15 17:13

用户希望通过启动来打开通往APP的窗口，那么一个APP又是怎样将它的第一面展示给用户的呢？通常，我们会说打开APP后看到的是启动页，实际应用场景中，从资源数量、交互效果、商业价值等方面考虑，启动页主要包括三种类型：启动页、闪屏、引导页。

一个程序从启动到运行，需要环境初始化、需要从服务端读取各类数据，就需要一定的加载时间。加载时间的长短还需要取决于程序的体量以及代码质量。但用户都是急性子，他们不想等，他们想要的是打开水龙头就有水；按下开关灯就得亮。那么怎么办呢，就有了启动页的概念。就像平时等车的时候，玩玩手机看看视频，是不是就感觉到等车的时间也没那么长，车很快就来了。凡是程序，只要重新启动，都需要加载，只是加载的时间长短不同。也可以说所有的APP都可以设置启动页，只不过运营策略不同，可以选择是否使用启动页。

一个应用App的启动速度能够影响用户的首次体验，用户希望应用能够及时响应并快速加载。启动时间过长的应用不能满足这个期望，并且可能会令用户失望。这种糟糕的体验可能会导致用户在应用商店针对您的应用给出很低的评分，甚至完全弃用您的应用。针对App启动优化，常州开发APP公司团队点个赞科技主要从视觉体验和代码逻辑优化。

一、App启动优化方向：视觉体验优化

App启动时白屏问题

App启动阶段 :

1、加载并启动应用程序。

2、启动后立即显示应用程序空白的启动窗口。

3、创建应用程序进程。

启动白屏的问题就是在1~2阶段，因为App应用启动都会先进入一个闪屏页来展示应用信息。我们可以通过设置启动窗口的主题来优化视觉上出现的启动白屏的问题。

1、默认主题

默认情况对App不做处理既设置了默认主题，App启动初始化时会出现如下启动时显示白屏的情况，如下图：

2、透明主题

为了解决启动窗口白屏问题，通过设置启动页为透明主题来解，,虽然白屏没了,但是我们的App似乎是变迟钝了，仔细观察一下,点击App启动图标后,App似乎是顿了一下,然后加载了我们的欢迎页面,有点像ANR,只不过很短暂，所以用户体验还是不佳，现象如下图：

</style>

3、设置闪屏图片主题

<item name="windowActionBar">false</item>

<item name="android:windowBackground">@drawable/welcome_layler_drawable</item>

<item name="android:windowDrawsSystemBarBackgrounds">false</item>

</style>

welcome_layler_drawable.xml源码：

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item

android:id="@+id/welcome_background"

android:drawable="@drawable/icon_splash_bg" />

<item

android:bottom="@dimen/dp_16"

android:gravity="center">

<bitmap

android:gravity="center_horizontal"

android:src="@drawable/icon_splash_word" />

</item>

<item

android:bottom="@dimen/dp_41"

android:gravity="bottom">

<bitmap

android:gravity="center_horizontal|bottom"

android:src="@drawable/icon_splash" />

</item>

</layer-list>

二、App启动优化方向：代码逻辑优化

1、Application优化：

Application作为应用程序的整个初始化配置入口，有很多第三方组件（包括App应用本身）都在 Application 中做初始化操作，在Application中完成各种初始化操作和复杂的逻辑就会影响到应用的启动性能过多的初始化任务,考虑以下优化方案:考虑异步初始化三方组件，不阻塞主线程；延迟部分三方组件的初始化；

优化方案如下：

组件放到子线程中初始化：

new Thread(new Runnable() {

@Override

public void run() {

setThreadPriority(THREAD_PRIORITY_BACKGROUND);

initARouter();

CacheManager.getInstance().initialize(getInstance());

ConnectionManager.getInstance().initialize();

initImageFactory();

initBJY();

initGrowingIO();

initUmeng();

initBugly();

initOkHttp();

initSobot();

setRxJavaErrorHandler();

}

}).start();

将需要在主线程中初始化但是可以不用立使用的控件功能延迟加载：

handler.postDelayed(new Runnable() {

@Override

public void run() {

//延迟初始化组件

}

}, 3000);

注意：并不是每一个组件的初始化以及操作都可以异步或延迟；是否可以取决组件的调用关系以及自己项目具体业务的需要。保证一个准则：可以异步的都异步，不可以异步的尽量延迟。让应用先启动，再操作。

//子线程初始化第三方组件

//建议延迟初始化，可以发现是否影响其它功能，或者是崩溃！

Thread.sleep(5000);

2、闪屏Activity优化：

Activity的UI层级优化：

优化前UI布局：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@mipmap/icon_splash_bg">

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@mipmap/icon_splash_word"

android:layout_centerVertical="true"

android:layout_centerHorizontal="true"

android:paddingBottom="160dp"

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:src="@mipmap/icon_splash"

android:layout_alignParentBottom="true"

android:layout_marginBottom="@dimen/dp_41"

<com.pxwx.student.modulecore.widget.TouchRelativeLayout

android:id="@+id/rl_adsRl"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center_horizontal|top"

android:orientation="vertical" >

<ImageView

android:id="@+id/iv_SplashAd"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@null"

android:contentDescription="@null"

android:scaleType="fitXY"

android:visibility="gone" />

</com.pxwx.student.modulecore.widget.TouchRelativeLayout>

<TextView

android:id="@+id/tv_adjump"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/ad_jump_selector"

android:gravity="center_vertical|center_horizontal"

android:layout_alignParentRight="true"

android:layout_marginRight="@dimen/dp_18"

android:layout_marginTop="@dimen/dp_30"

android:paddingBottom="@dimen/dp_5"

android:paddingLeft="@dimen/dp_11"

android:paddingRight="@dimen/dp_11"

android:paddingTop="@dimen/dp_5"

android:text="跳过 3"

android:textColor="@color/white"

android:textSize="@dimen/font_15"

android:visibility="gone"

</RelativeLayout>

简化后：

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/welcome_layler_drawable">

<ViewStub

android:id="@+id/vs"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout="@layout/layout_stub_avd" />

</FrameLayout>

ViewStub 初始化延迟

针对项目中的启屏广告业务，通过ViewStub延后他们的初始化，在需要显示的时候通过ViewStub的inflate显示真正的view，优化如下

<ViewStub

android:id="@+id/vs"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout="@layout/layout_stub_avd" />

开屏广告业务布局抽取

layout_stub_avd.xml

<?xml version="1.0" encoding="utf-8"?>

<com.pxwx.student.modulecore.widget.TouchRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/rl_adsRl"

android:layout_width="match_parent"

android:layout_height="match_parent">

<ImageView

android:id="@+id/iv_SplashAd"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@null"

android:contentDescription="@null"

android:scaleType="fitXY" />

<TextView

android:id="@+id/tv_adjump"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_marginTop="@dimen/dp_30"

android:layout_marginRight="@dimen/dp_18"

android:background="@drawable/ad_jump_selector"

android:gravity="center"

android:paddingLeft="@dimen/dp_11"

android:paddingTop="@dimen/dp_5"

android:paddingRight="@dimen/dp_11"

android:paddingBottom="@dimen/dp_5"

android:text="跳过 3"

android:textColor="@color/white"

android:textSize="@dimen/font_15" />

</com.pxwx.student.modulecore.widget.TouchRelativeLayout>

然后在代码中需要显示webview时进行inflate：

/**

* 懒加载广告视图

private void showAvd() {

viewStub = findViewById(R.id.vs);

if (viewStub != null) {

viewStub.inflate();

mAdRl = findViewById(R.id.rl_adsRl);

mAdImage = findViewById(R.id.iv_SplashAd);

mAdJump = findViewById(R.id.tv_adjump);

}

优化点：

废弃之前的启屏页UI布局，直接使用先前自定义好的welcome_layler_drawable作为启屏页背景，将开屏广告Ui抽取分离懒加载广告视图，onCreate业务逻辑优化：减少广告等业务逻辑时间这里属于业务逻辑的优化。onCreate中针对广告业务的初始化业务优化，异步下载图片，等下次启动控制展示。通用应用启动加速套路，利用主题快速显示界面；异步初始化组件；梳理业务逻辑，延迟初始化组件、操作；正确使用线程；去掉无用代码、重复逻辑等。

上一篇：常州开发安卓APP实现启动APP性能优化方案返回列表下一篇：顶尖常州开发APP公司应该选择哪家？