Capacitor/Cordova Splash Screen delay?

@Nsimoncini wrote:

Hi, I’m experiencing issues with boot time in Capacitor.

I’ve read that Capacitor handles splashscreen differently than Cordova, which first shows a grey window and then it is filled with the real splash screen. It can be programmatically hide calling splashScreen.hide() as soon as the platform is ready.

Capacitor is smarter, it shows the real SplashScreen already during the first phase.
We can hide the splash screen in Capacitor calling Plugins.SplashScreen.hide().

I hope I understood how these 2 work.

Now, I’ve created a Capacitor 2.0 app, it works perfectly but I’m experiencing a long boot time during first phase with an Android device, it takes ~3 seconds for phase 1(static full screen image), then it shows the spinning loader for ~2 second and then the app is finally ready. During transition between phase 1 and phase 2 it blinks and with “darkish” splashscreen it is too noticeable. (Note: I’ve tried with a blank new app and it still blinks).

I’m already calling the Plugin.SplashScreen.hide in app.component and I’ve built the app with --prod flag.

The only “weird” thing is I’m using a Cordova plugin in my project and I’ve used Cordova-res to create icon and splashscreen.
The app boots in less than 3 seconds in total in Emulator Nexus 5X Api 26 and ~5 seconds in physical Device (Huawei Y6 Android 9). Is that my fault or it just does not fit for cheap android devices?

Thanks so much!
Niccolò

@mhartington

My environment:

Ionic:

Ionic CLI : 6.6.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0

Capacitor:

Capacitor CLI : 2.1.0
@capacitor/core : 2.0.1

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : none
Cordova Plugins : no whitelisted plugins (2 plugins total)

Utility:

cordova-res : 0.14.0
native-run : 1.0.0

System:

Android SDK Tools : 26.1.1 (/Users/simoncini/Library/Android/sdk)
ios-deploy : 1.9.4
NodeJS : v12.16.1 (/usr/local/bin/node)
npm : 6.14.4
OS : macOS Mojave
Xcode : Xcode 11.3.1 Build version 11C504

Posts: 2

Participants: 2

Read full topic