Question

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

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

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

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

我认为Ionic是移动节目的错误选择。

是否有任何解决方案可以缩短移动应用程序的开放时间？

由于

Answer 1

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

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

然后使用此命令构建

ionic cordova build android --prod --release

Answer 2

Ionic是移动应用开发的完美解决方案。您需要使用正确的CLI。使用以下一个：

调试模式：此CLI支持AOT

ionic cordova run android --prod --device

发布模式：

ionic cordova build android --prod --release

您可以看到此CLI list here

Answer 3

所有其他答案也是必要的，但我想补充一点意见。

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

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 {}

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

如何减少Ionic Cordova项目启动时间？

3 个答案: