Cordova-plugin-ionic makes splash screen take way too long

I have an app in production with Ionic Deploy and the cordova-plugin-ionic plugin installed. It’s great to be able to push hot code updates, but with the plugin installed it adds about 12 seconds to my load time on android and 5 - 7 seconds to my load time on IOS.

When I remove the plugin, both IOS & Android load in under 4 seconds.

For now I have deployed updates to the app stores removing this plugin because I was getting complaints that the app loaded to slow or not at all, users would be confused and just close it.

Any way to improve its performance?

#IonicDeploy #Deploy #cordova-plugin-ionic

2 Likes

How do you build your app?
What is your ionic info output?

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.0
ionic (Ionic CLI) : 3.19.0

global packages:

cordova (Cordova CLI) : 7.1.0 

local packages:

@ionic/app-scripts : 3.1.2
Cordova Platforms  : android 6.4.0 ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

System:

ios-deploy : 1.9.2 
ios-sim    : 6.1.2 
Node       : v8.4.0
npm        : 5.5.1 
OS         : macOS High Sierra
Xcode      : Xcode 9.1 Build version 9B55 

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : pro

Same situation on my side. I am guessing the connection between APP and ionic update server is slow and causing the issue.

under the up2date setup, even a simple app with just 4 buttons for testing, it is still slow and sometimes taking forever to show the main screen.

Hi, did you find any solution for this issue?
can we print content downloading progress percentages on splash-screen?

thanks,
Punita

Hi, any update from this? I am also having this problem.

My fresh downloaded app from store loads fast. However after downloading an update made the splash screen loads so slow. Either what update_method i choose, it is still slow.

The solution is already here:

Migrate your project to Capacitor and use its brand new splash screen plugin which will not cause old problems of cordova splash screen plugin.

Remove Cordova Splash
Capacitor conflicts with Cordova’s Splashscreen Plugin. It needs to be removed:

npm uninstall --save cordova-plugin-splashscreen

Terrible advice as a) Capcitor is still in alpha, not production ready, probably doesn’t work with cordova-plugin-ionic and pretty sure doesn’t work well with Ionic Pro yet in general. And b) because this topic is not about the splash screen plugin itself at all.

3 Likes

Any advice? or workaround?

So do you know of any solution? or even what the underlying issue is? My team would love to use live deploy, but this is a major sticking point.

Please patiently wait until Capacitor is production ready. Migrate your project.
or study React Native which has a solid splash screen plugin:

React Native splash screen is the same as other native app splash screens. It loads image at the beginning.

So nothing yet? No solution?