ionic 2 应用程序加载时间长

Posted 2023-02-22

【中文标题】ionic 2 应用程序加载时间长

【英文标题】：ionic 2 application long loading time

【发布时间】：2017-12-09 02:59:50

【问题描述】：

我开发了 ionic 2 应用程序，但我面临的主要问题是应用程序启动时的加载时间，加载应用程序需要几分钟。我正在使用有限的插件，但仍然面临这个问题，手动隐藏启动画面后还会显示白屏。

【问题讨论】：

Josh Morony 在 Youtube 上做了一些关于远程调试应用程序的视频。 iirc 他经历了通过 Chrome 识别长期运行的进程的过程。也许您可以从中评估造成最大延误的原因。

【参考方案1】：

在构建应用程序时添加 --prod。它将缩小 css 和 js 文件。

【参考方案2】：

更新到最新版本的 Ionic Cloud 并使用生产标志进行构建将大大减少您的冷启动时间。

npm install @ionic/cloud-angular@latest --save

ionic build --prod

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

【讨论】：

我不想切换到 ionic 3 我还能用这个命令来更新 cloud-angular 吗？

npm install @ionic/cloud-angular@latest --save 只会更新 cloud-angular。更新 Ionic CLI 和 cordova 是单独的命令。但是，您也可以尝试在更新前运行 ionic build --prod 看看是否有效。

是的，它正在工作，所以不需要更新云对吗？并感谢您的快速回复。

如果您没有收到任何错误，则无需更新。然而，更新总是会给你最好的结果，因为 Ionic 团队一直在快速发布更新。

【参考方案3】：

您是否在app.component.ts 中大量导入？通常当你有大量的导入时，你会减慢整个应用程序的速度。当您在浏览器中测试时，我会检查所有未使用的导入。这至少有助于加快初始加载时间。