【问题标题】:Slow Startup with Ionic使用 Ionic 缓慢启动
【发布时间】:2015-06-30 13:07:07
【问题描述】:

我正在试用 ionic 框架,发现应用程序在使用基本选项卡应用程序时加载非常缓慢(几乎没有变化)。

这就是我所做的:

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

我注释掉了配置中的两个闪屏元素。在 HTC M7 上运行此程序,在第一次加载应用程序之前,我看到黑屏约 3 秒。之后资源被缓存并且应用程序加载正常。

是否有设置或我可以做些什么来让我的应用在合理的时间内加载,或者所有 ionic 应用都会受到这种影响?

【问题讨论】:

  • 我最近开始使用 ionic 并且面临完全相同的问题
  • 我开始查看生成的应用程序代码的来源,他们有很多事情要做。不确定我是否可以调整一些东西。我最终会回到这个,还没有时间。

标签: android ionic-framework ionic


【解决方案1】:

当您处于开发阶段时,尝试使用 --release 添加生产标志并缩短启动时间,这可能会很慢。尝试使用 gulp 或 grunt 捆绑所有的 css 和 js。

我已经尝试过与其他设备捆绑的应用程序。它适用于我们在开发这些应用程序时用于测试的多个品牌。

Ionic 应用测试:

  • 碳纤维
  • micromax
  • 联系
  • moto-e
  • ipad
  • 手机

【讨论】:

  • 是的,它确实有效,但我说的是初始加载速度。对其他人来说是瞬时的,对我的 M7 来说只是慢吗?
  • 这也取决于设备:)
  • 即使是样板应用程序?我想当我添加东西时它会变慢很多。我真的不觉得我的设备动力不足。 : /
  • 由于我没有收到任何跟进并发现此类技术的类似声明,我将把它标记为答案,考虑到获得更大/更好的硬件是唯一的解决方案。
【解决方案2】:

使用 Crosswalk Webview 插件。这不仅为您提供了强大的 webview 功能,而您的原生 webview 缺乏性能,而且还提供了跨 Android 4.0+ 平台的功能稳定性。唯一的缺点是它会增加构建的大小。

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

【讨论】:

【解决方案3】:

带有 Ionic 符号的黑屏和白纸是启动画面。启动画面用于加载块 UI 并让应用程序在启动时完成其后台任务。

【讨论】:

  • 我得到了启动画面的目的,我只是说它很慢。有没有办法跳过它或比我更好地禁用它?
  • 看到同样的事情。对于本机应用程序,用户界面会在不到一秒的时间内显示出来,如果不是立即显示的话。猜测 webview 需要时间来加载和解析 js 和 html 然后渲染 ui。猜猜是给的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-03-28
  • 2016-05-12
  • 2017-01-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多