White blank screen stays for 5 seconds on mobile devices android/ios

[MartiniHenry1988]

I have implemented this tutorial successfully. It runs perfect on browser. Now I build this application for android/ios. But when I launch the app on mobile it shows a while blank screen for 5 seconds after the cordova splash screen, and then the main app login screen appears. I want to know if this is some bug or this app is so heavy that its taking the loading time? Or else is there anyway i can debug this, to check if there is some error in the build?

[gotu]

Are you making a production build? (--prod)

See: http://ionicframework.com/docs/v2/intro/deploying/

Production Builds To run or build your app for production, run

ionic run android --prod --release

or

ionic build android --prod --release This will minify your app’s code as Ionic’s source and also remove any debugging capabilities from the APK.

See also: https://github.com/driftyco/ionic/issues/6776 https://github.com/driftyco/ionic-app-scripts/issues/670 https://github.com/driftyco/ionic-app-scripts/issues/743

And so on. ionic/app-scripts are working on optimizing this performance on production builds.

For me a certain apps launches in ~4 sec with a production build and release deploy but needs about ~12 seconds on dev build. Using:

$ ionic info Cordova CLI: 6.5.0 Ionic Framework Version: 2.1.0 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.4 OS: Linux 4.4 Node Version: v6.4.0

But my problems with this app are: https://github.com/Urigo/Ionic2CLI-Meteor-WhatsApp/issues/56 https://github.com/Urigo/Ionic2CLI-Meteor-WhatsApp/issues/58

[airstep]

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

in config.xml