如何减少 Ionic Cordova 项目开始的持续时间？

Question

我做了一个 ionic cordova 项目，但在发布到 android 手机之后。根据手机类型，我们的程序持续时间约为 10-20 秒。

当我搜索这个问题时，人们说是因为

1. 启动画面持续时间（Ionic splash screen not loading 和 Ionic2 performance issue）
2. 任意图片的路径问题
3. 第三方库
4. 外部 CDN 脚本库
5. 页面延迟加载

我尝试解决上述问题，例如我删除了第 3 方库或基于 CDN 的脚本，并检查了所有图像路径等。

我认为 Ionic 是移动编程的错误选择。

有什么办法可以减少我的移动应用程序的打开时间？

谢谢

Answer 1

将这些行添加到您的 main.prod.ts 文件中。

import { enableProdMode } from '@angular/core';
enableProdMode();

然后使用此命令构建

ionic cordova build android --prod --release

Answer 2

所有其他答案也是必要的，但我想添加另一个意见。

如果您使用 IONIC 3，您可以尝试延迟加载并丢弃不必要的 3rd 方库，例如 Awesome 或其他...

Ionic 3 的这个新特性不仅使我们的代码更简洁，而且避免了每次在每个类中输入相同路径的麻烦！ 延迟加载允许我们只使用一个字符串就可以访问任何我们想要的页面。

在旧版本中，你需要使用

import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  .
  .
  .
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ]
})

在 Ionic 3 中，您不需要导入这些类。你可以使用ionic g page example 然后我们看到目录中有一个@IonicPage 装饰器和一个同名的模块。

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { Lazy } from './example';
@NgModule({
  declarations: [
    Example,
  ],
  imports: [
    IonicPageModule.forChild(example),
  ],
  exports: [
     Example
  ]
})
export class ExampleModule {}

启动程序时无法加载此页面或组件。

Answer 3

Ionic 是移动应用程序开发的完美解决方案。为此，您需要使用正确的CLI。使用以下一种：

调试模式：此 CLI 支持 AOT

ionic cordova run android --prod --device

发布方式：

ionic cordova build android --prod --release

你可以看到这个CLI list here