Cordova, Android, incredibly slow loading

Question

I have a Cordova app running Cordova CLI 6.4.0. During load, there is a blank white screen for a solid 4-6 seconds on load after the splash screen. This same thing happens d

Answer 1

I have experienced this with Cordova before. I believe one way I solved it was to initially load an empty page, then redirect to the actual app page. You might give that a try? (It's possible that you will need to wait for the deviceready event before redirecting, not sure)

Answer 2

When you build the apk-file, be sure to include "--prod" in the command:

ionic cordova build --release --prod android

This optimizes performance and decreases boot-time from 15 seconds (debug build) to 3 seconds (production build) in our app.

Answer 3

Found one some other SO answer, but I have solved with the below

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

The app still takes forever to load (usually around 9 seconds), but I avoid the white screen nonsense at least.

Answer 4

We can fast the loading of application by reducing the assets. But if it is not possible then we can atlease improve User experience(instead of showing blank screen, we can show splashscreen until all assets were loaded).

In config.xml, set auto splashscreen to false.

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

Create a separate javascript file for App specific events and link this file in index.html

in the javascript file, Catch DeviceReady event. In DeviceReady event handler, hide splash screen. See the code below.

var app = {
    // Application Constructor
    initialize: function() {
        document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
        //You can register other plugin specific events here and handle them.
    },

    onDeviceReady: function() {
        navigator.splashscreen.hide();
    } 
}
};

app.initialize();