App starts slow


#1

Anybody noticed that the packed app could start pretty slowly? Before the home screen shows up, there appears to be a gradual fade-in phase which takes a few seconds. Is there a Cordova thing? Could it possibly be optimized so that an ionic app can be opened almost instantly pretty much like a native app?


#2

So that’s a common issue with the splashscreen plugin.
We can blame it on less than favorable defaults.

Here’s a decent set of defaults

Disable auto hiding

 <preference name="AutoHideSplashScreen" value="false" />

Change the speed of the delay

  <preference name="FadeSplashScreenDuration" value="300"/>

Then to hide the splash screen, call the hide method in your app.ts

import {Component} from '@angular/core';
import {Platform, ionicBootstrap} from 'ionic-angular';
import {StatusBar, Splashscreen} from 'ionic-native';
import {HomePage} from './pages/home/home';


@Component({
  template: '<ion-nav [root]="rootPage"></ion-nav>'
})
export class MyApp {
  rootPage: any = HomePage;

  constructor(platform: Platform) {
    platform.ready().then(() => {
      Splashscreen.hide()
      StatusBar.styleDefault();
    });
  }
}

ionicBootstrap(MyApp);