How to reduce the splash screen time in ionic 3

Ionic Framework ionic-v3
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.

1 Like