减少cordova离子中冷启动的加载时间

Question

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

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

从coldstart加载期间没有网络请求。

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

Answer 1

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

• PhoneGap for Enterprise的作者Kerri Shotts对quite a good answer here提出了类似的问题。虽然已经有2年了，但上述各点仍然适用。 Kerri在这里触及一个至关重要的问题：你没有100％控制加载时间，请记住这一点！
• Christophe Coenraets在这个主题上有一些slides，其中包含一些一般性的提示和具体的例子。
• （微软关于Cordova性能的提示可以找到here。可悲的是，启动时没有信息，所以我会把它放在括号中。）

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

• 我在这里有两个链接：最后归结为衡量你的表现，根据你的应用程序慢慢开始的原因采取行动。请参阅示例here和here。
• 需要注意的另一件事是ng-cloak。您没有提及是否使用它，而是将其应用于整个body might be dangerous。

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

Answer 2

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

ionic build --prod

  

“这会将您的应用程序代码缩小为Ionic的来源并删除   来自APK的任何调试功能。这通常用于   将应用部署到Google Play商店。“ - Ionic Documentation此外   适用于任何其他部署平台。

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

您还可以在构建特定平台时指定生产标记。

ionic build [platform] --prod