Ionic 2.0 Final and 2.0.1 load very slow on start up

Ionic Framework ionic-v3
1

My app runs fine on ionic serve, when i run on android device, after splash screen it’s shows blank white page for approx 5-10 seconds then app runs fine, this happening in 2.0 Final as well today I had upgrade to latest 2.0.1 it has same issue, I have same app on RC-3 it’s working loading very fast…

I had also test by creating new project with ionic 2.0.1 it has same issue, it’s shows blank white screen for few seconds.

RC-3 Runs very fast…

Is there any special setting need to do?

following is Ionic Info of 2.0.1 app

Cordova CLI: 6.5.0 
Ionic Framework Version: 2.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.2
Xcode version: Xcode 8.2.1 Build version 8C1002

following is ionic info of RC-3

Cordova CLI: 6.5.0 
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 0.0.45
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.2
Xcode version: Xcode 8.2.1 Build version 8C1002
1 Like
2

When i run this app in debug mode… it’s giving following error in cli, it’s says devicerady has not fired after 5 seconds!

LAUNCH SUCCESS

[17:45:39]  console.log: Angular 2 is running in the development mode. Call enableProdMode() to enable the production 
            mode. 
[17:45:39]  console.log: deviceready has not fired after 5 seconds. 
[17:45:39]  error opening ws message: {"category":"console","type":"log","data":["DEVICE READY FIRED AFTER",3259,"ms"]} 
[17:48:15]  console.log: Angular 2 is running in the development mode. Call enableProdMode() to enable the production 
            mode. 
[17:48:15]  error opening ws message: {"category":"console","type":"log","data":["DEVICE READY FIRED AFTER",2575,"ms"]}
3

This is a known issue that is currently being worked on I think.

I’ve found the --prod --release flags when building the application speed up the white screen.

Then for extending the splashscreen so your users don’t see the white screen you can alter the splash screen timer like so…

<preference name="SplashScreenDelay" value="10000"/>

This will let the splashscreen show so long as the white screen is there. Of course your users will still see it if the app sleeps and restarts

1 Like
4

It’s good idea to show splashscreen longer meanwhile…