减少科尔多瓦离子冷启动的加载时间答案

【问题标题】：Decrease loading time from coldstart in cordova ionic减少科尔多瓦离子冷启动的加载时间
【发布时间】：2016-10-20 03:32:45
【问题描述】：

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

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

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

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

【问题讨论】：

你看过图像优化、捆绑和缩小吗？ 1 减少图像的文件大小，2 将多个文件合并为 1，例如全部 .css 或全部 .js 这提高了性能，因为需要更少的单独网络请求并且对并发下载有限制，最后缩小去除 cmets 和空白和行从你的 .js 中断

【解决方案1】：

有很多关于这个主题的信息，我将尝试列出一些可能感兴趣的内容。 关于 Cordova 启动时间：

PhoneGap for Enterprise 的作者 Kerri Shotts 就类似问题提供了quite a good answer here。虽然它已经有 2 年的历史了，但提到的几点仍然适用。 Kerri 在这里触及了一个至关重要的问题：您无法 100% 控制加载时间，请记住这一点！
Christophe Coenraets 收到了一些关于此主题的 slides 以及一些一般提示和具体示例。
（Microsoft 关于 Cordova 性能的提示可以在 here 找到。遗憾的是没有关于启动时间的信息，所以我将其放在大括号中。）

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

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

【讨论】：

【解决方案2】：

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

ionic build --prod

“这会将您的应用程序代码缩小为 Ionic 的源代码，并删除来自 APK 的任何调试功能。这个一般用在将应用程序部署到 Google Play 商店。” -Ionic Documentation 还有适用于任何其他部署平台。

构建需要更长的时间，但冷启动时间会更快。

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

ionic build [platform] --prod

【讨论】：