Ionic启动慢的问题

Question

我正在尝试使用Ionic框架，并发现基本选项卡应用程序加载非常缓慢（几乎没有更改）。

以下是我的操作：

ionic start TabsDemo tabs
cd \TabsDemo
ionic platform add android
ionic build TabsDemo

我在配置文件中注释掉了两个闪屏元素。 在HTC M7上运行，第一次加载应用程序时会看到黑屏约3秒钟。之后资源被缓存，应用可以正常加载。

是否有设置或其他方法可以让我的应用在合理的时间内加载，或者所有ionic应用都会遇到这个问题？

- Matthew Rhoden

---

我最近开始使用Ionic，遇到了完全相同的问题。 - aelor

我开始查看生成的应用程序代码的源代码，它们有很多内容。不确定是否可以微调一些东西。我最终会回到这个问题上来，但现在还没有时间。 - Matthew Rhoden

Answer 1

使用Crosswalk Webview插件。这不仅为你提供了出色的Webview功能，弥补了本地Webview性能不足的缺陷，而且还在Android 4.0+平台上提供特性一致性。唯一的缺点是它会增加您的构建大小。

https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview

- Shyam Bhagat

---

有一个更简单的方法可以使用 CLI 完成：http://blog.ionic.io/crosswalk-comes-to-ionic/ - andyhasit

Answer 2

在开发阶段，尝试添加生产标志并使用 --release 削减启动时间，因为它可能会很慢。尝试使用 gulp 或 grunt 打包所有的 CSS 和 JS。

我已经尝试过在其他设备上打包的应用程序。在我们用于测试这些应用程序的多个品牌上都可以正常工作。

Ionic 应用程序测试设备：

• Karbon
• micromax
• nexus
• moto-e
• ipad
• iphone

- mahesh5b5

---

是的，它确实能工作，但我在谈论初始加载速度。其他设备是否可以瞬间完成加载，而只有我的M7加载速度缓慢？ - Matthew Rhoden

这也取决于设备 :) - mahesh5b5

即使是样板应用程序？我想当我添加东西时它会变得更慢。我真的不觉得我的设备性能不足。 : / - Matthew Rhoden

由于我没有收到任何后续消息，并且发现这种技术存在类似的问题，我将把这个方案作为答案标记，考虑到只有升级更大/更好的硬件才是唯一的解决方案。 - Matthew Rhoden

Answer 3

那个带有Ionic标志的黑屏和白色画面是启动画面。启动画面用于加载阻塞UI并让应用在启动时完成其后台任务。

- Karan Kumar

---

我理解启动画面的目的，只是觉得它很慢。有没有办法跳过它或者比我现在的方法更好地禁用它？ - Matthew Rhoden

看到同样的东西。对于原生应用程序，如果不是立即显示，UI 将在不到一秒钟的时间内显示出来。猜测 WebView 需要时间来加载和解析 JS 和 HTML，然后呈现 UI。我想这是可以理解的。 - koo9