减少 ionic-2 应用程序的启动时间答案

【问题标题】：Reduce boot time in ionic-2 app减少 ionic-2 应用程序的启动时间
【发布时间】：2017-05-11 10:25:01
【问题描述】：

我是 ionic-2 项目的新手。我只想知道如何减少应用程序的启动时间。因为启动画面 3 秒后，它显示白屏，需要 9 秒才能启动。

【问题讨论】：

这有一些问题，你可以在这里关注他们github.com/driftyco/ionic/issues/9686 ionic-app-scripts 中也有一些问题，并且有一些解决方案尝试一下
这个问题你解决了吗？

标签： angular ionic2 cordova-plugins

【解决方案1】：

试着把它放在你的main.ts文件的第二行

import { enableProdMode } from '@angular/core';

然后在引导行之前放置

enableProdMode();

在构建时也使用--prod 所以ionic build android --prod

【讨论】：

main.ts 中这条添加行的含义是什么？ Main.ts 总是在 build 之后生成。所以我们从不写 main.ts 文件。

【解决方案2】：

请按照以下步骤减少闪屏时间：-

首先，删除你的 node_modules 文件夹删除任何临时文件夹删除插件文件夹使用ionic platform rm android 删除平台android。现在重新安装一切：-

(i) npm install (ii) ionic serve (iii) ionic platform add android

现在运行这个命令最终ionic build android --prod

这 100% 完美。

如果这不起作用，请不要放弃。尝试上述步骤 2 到 3 次，我相信这会奏效。

【讨论】：

【解决方案3】：

我遇到了与白屏非常相似的问题，请在此处查看进度。 Cordova, Android, incredibly slow loading

短版是；由于上述费尔南多提到的多种原因，它的加载速度很慢。您可以努力解决这些问题，但是对于白屏... Android 将在应用程序仍在加载时隐藏启动画面。要解决该问题，您可以将以下内容添加到您的配置中；

<preference name="AutoHideSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="10000"/>

这将确保启动屏幕在应用加载时保持至少 10 秒，而不是自动隐藏。然后在你的启动模块的主要组件中，只要确保你有下面的内容来隐藏启动屏幕，一旦你的应用程序真正启动，你就会全部设置好。显然需要cordova-splash-screen插件，该插件默认带有ionic2。

platform.ready().then(() => {
  Splashscreen.hide();
});

【讨论】：

感谢您的回复。实际上，我已经这样做了。但主要问题是启动应用程序的时间是 10 秒。我正在寻找减少启动时间的解决方案。

【解决方案4】：

即使我也遇到了同样的问题。在崇敬 ionic-team 论坛后，我了解到 ionic-team 尚未提出任何解决方案。

我编写了以下代码来最小化应用程序而不是关闭它，以便下次打开应用程序时它会立即打开。

将以下代码放入 app.component.ts 文件中

this.platform.registerBackButtonAction(() => {
        if(this.menuCtrl.isOpen()){
           this.menuCtrl.close();
        } 
        else if(this.nav.canGoBack()){
          this.nav.pop();
        }else{
          this.appMinimize.minimize();
        }
      });

你可能需要安装@ionic-native/app-minimize

参考链接：

https://ionicframework.com/docs/api/platform/Platform/#registerBackButtonAction https://ionicframework.com/docs/native/app-minimize/

【讨论】：

【解决方案5】：

请在main.ts文件中启用生产模式，像这样

import {enableProdMode} from '@angular/core';
enableProdMode();

【讨论】：