在 cordova ionic 中减少冷启动的加载时间

Decrease loading time from coldstart in cordova ionic

我使用 ionic 创建了一个 cordova 应用程序,当我从冷启动打开我的应用程序时,

它首先加载初始屏幕,然后在加载我的 index.html 文件时屏幕变白几秒钟,然后加载并显示应用程序 UI。这在 Moto X 上大约需要 10 秒,这太长了,因为我的应用程序包含速度至关重要的功能。

从冷启动加载期间没有发生网络请求。

是否有任何优化技术可以减少加载时间,使应用加载速度与其他混合应用(如 gmail)一样快。

有很多关于此主题的信息,我将尝试列出一些您可能感兴趣的信息。 关于Cordova启动时间:

  • PhoneGap for Enterprise 的作者 Kerri Shotts 在类似问题上给出了 quite a good answer here。虽然它已经 2 岁了,但提到的要点仍然适用。 Kerri 在这里谈到了一个重要问题:您无法 100% 控制加载时间,请记住这一点!
  • Christophe Coenraets slides 关于此主题的一些一般提示和具体示例。
  • (可以找到 Microsoft 关于 Cordova 性能的提示 here。遗憾的是,没有关于启动时间的信息,所以我将其放在括号中。)

Ionic 是建立在 Angular 之上的,所以我们也来看看它。 关于Angular启动时间

  • 我这里有两个链接:最后,它归结为衡量你的表现对导致你的应用程序启动缓慢的任何因素采取行动。查看示例 here and here.
  • 另一件需要注意的事情是 ng-cloak. You didn't mention if you use it, but applying it to your whole body might be dangerous

注意:此列表远未完成,请随时发表评论或添加内容。

使用生产标志构建将缩小和压缩 Ionic 的所有输出,并删除用于开发的任何不必要的输出和日志记录。

ionic build --prod

"This will minify your app’s code as Ionic’s source and also remove any debugging capabilities from the APK. This is generally used when deploying an app to the Google Play Store." -Ionic Documentation Also applicable to any other deployment platform.

构建时间会更长,但冷启动时间会快得多。

您还可以在构建到某个平台时指定生产标志。

ionic build [platform] --prod