How can I decrease the Ionic Cordova Project Start duration ?

Question

I made a ionic cordova project but after publishing to android mobile phone. The duration of our program is around 10-20 sec with respec to the mobile phone types.

When I search this problem, people say that it is because of

Splash Screen duration (Ionic splash screen not loading and Ionic2 performance issue)
Path problem of any image
3rd Party libraries
External CDN script libraries
Lazy loading of pages

I try to solve regarding above problems e.g. i removed 3rd party libraries or CDN based scripts and check the all image paths etc..

I think Ionic is a wrong choice for mobile programming.

Is there any solution to decrease the opening duration of my mobile application ?

Thanks

I also investigated Stackoverflow questions for different concepts suah as https://stackoverflow.com/questions/43383035/ionic2-performance-issue or https://stackoverflow.com/questions/35437210/windows-cordova-ionic-app-white-screen-after-release-build or https://stackoverflow.com/questions/39200592/visual-studio-2015-cordova-windows-10-blank-white-screen-after-associated-with but it does not works.... :( — Arif E., Sep 10 '17 at 10:11

score 2 · Answer 1 · answered Sep 11 '17 at 06:16

2

Add these line to you main.prod.ts file.

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

and then build using this command

ionic cordova build android --prod --release

answered Sep 11 '17 at 06:16

enRaiser

2,606
2
21
39

how can we really check the duration after production? IS there any tool? – Arif E. Sep 12 '17 at 08:11
I dont think there is any tool possible except using a stopwatch. since you never know when the process actaully started. – enRaiser Sep 12 '17 at 10:41

score 1 · Answer 2 · answered Sep 10 '17 at 10:24

1

Ionic is the perfect solution for mobile app development.You need to use right CLI for that. Use below one:

debug mode: This CLI supports AOT

ionic cordova run android --prod --device

release mode:

ionic cordova build android --prod --release

You can see this CLI list here

answered Sep 10 '17 at 10:24

Sampath

63,341
64
307
441

Can you explain more about your use case? @Dr.Geek – Sampath Sep 11 '17 at 00:30
Same problems occur. Start duration is abour 15-20 secs. – Dr. X Sep 11 '17 at 09:49
Can you provide the `git repo` for testing if possible? @Dr.Geek – Sampath Sep 11 '17 at 09:53

score 1 · Accepted Answer · answered Oct 07 '17 at 10:20

The all other answers are also necessary but I want to add another opinion.

If u use IONIC 3 you can try lazy loading and discard unnecessary 3rd party libraries like awesome or another...

This new feature from Ionic 3 not only makes our code more concise but also avoid the hassle of typing every damn time the same paths in every Class! Lazy Loading allows us to access Pages wherever we want by only using a string.

In old version, u need to use

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
  ]
})

In Ionic 3 u dont need to import these classes. U can use ionic g page example Then we see that a @IonicPage decorator and a module with a same name in the directory.

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

This pages or components could not be loaded while starting program.

How can I decrease the Ionic Cordova Project Start duration ?

3 Answers3

Linked