How to reduce the splash screen time in ionic 3

Opening my application splash screen will display in above 40 sec and i hide spash screen white screen will display.

This is my config.xml

<preference name="ScrollEnabled" value="false" />
<preference name="android-minSdkVersion" value="19" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="loadUrlTimeoutValue" value="700000" />
<preference name="SplashScreenDelay" value="3000" />
<platform name="android">

and my component.ts page is

initializeApp() {
this.platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.

Plss Help me.I try this problem one week.

Hi @mukeshsmk
Try to reduce the time of loadUrlTimeoutValue
<preference name="loadUrlTimeoutValue" value="700000" />
Use <preference name="loadUrlTimeoutValue" value="20000" />

thanks for reply.

I will try…

i have change 20000 but still didn,t change .
Splash screen will be display more than 40 sec

Hi @mukeshsmk
Did you implemented lazyloading?
If you are not integrated lazyloading do it which will reduce your loading time as well
as reduce the size of splashscreen(splash.png)

No bro I dont use lazyloading…

If you are in Ionic3 app try to integrate lazyloading which improves the performance of the application
and what about your splashscreen size?

spalsh screen size 2732x2732

When you build for prod it will be fine.
ionic cordova build --prod

i meant the file size ,try to reduce the size(lessthan 1MB).

what is lazy loading in ionic? how do we implement in ionic? @vibinflogesoft

app size 6MB bro.
what is lazy loading in ionic? how do we implement in ionic?

It did’nt work …

Hi @vcass please refer the blog
Ionic3 lazyLoading

I asked about your splash.png image file size

splash.png image file size 76 KB.

What is your test device model?
A long loading time of ionic apps often depends on bad programming style. But also old Android devices just need a lot more time to load the application.
I would be also helpful to share the plugins you are using.

My mobile model lenova A6000 plus

Did you try prod build which is suggested by @markodemo. What is the result of it ?

ionic cordova build --prod

no changes same problem splash screen display 40sec.

1 Like