How to reduce the splash screen time in ionic 3


#1

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.
this.statusBar.styleDefault();
this.splashScreen.hide();
});
}

Plss Help me.I try this problem one week.


#2

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


#3

thanks for reply.

I will try…


#4

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


#5

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)


#6

No bro I dont use lazyloading…


#7

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


#8

spalsh screen size 2732x2732


#9

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


#10

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


#11

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


#12

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


#13

It did’nt work …


#14

Hi @vcass please refer the blog
Ionic3 lazyLoading


#15

I asked about your splash.png image file size


#16

splash.png image file size 76 KB.


#17

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.


#18

My mobile model lenova A6000 plus


#19

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

ionic cordova build --prod

#20

no changes same problem splash screen display 40sec.