Splash Screen Time duration

Ionic Framework ionic-v3
1

I have created an App in Ionic V3. Every time i open my app it takes minimum 10 secs to load another screen even if i have set splashScreenDelay=1000 and FadeSplashScreenDuration=300.

How can i reduce this loading time from 10 sec to 2, or 3 seconds.

Thanks in Advance!!

2

Really depends on your app and your context:

  • does your app use lazy loading?
  • is your app packaged for PROD? (prod mode + proper build flags)
  • how do you load your app? live reload on device?
  • is your app hybrid or just web-app?

There are good articles explaining how you optimize your Ionic app for first load timing, but to help you - you need to share good deal of context around your specific case.

3

Hi,

Thanks for your suggestions. Unfortunately, Nothing seems to be working in my case.

Still it takes 10-12 secs.

  • Yes, its a Hybrid App.

  • No, Its not live reload

  • Not aware about lazy loading

  • Yes, its packaged for PROD

I need to send new build to my client on tomorrow. So if it is possible please revert ASAP.

4

Rahul, you can’t get any help because this is not a guess game. If you truly need help you should provide FULL context of your app -> share data points that can help formulate what is wrong.

As a recommendation -> load your app using ionic serve and do performance analysis using Chrome dev tools and share those screens.

5

Hi Morphist,

Thanks for such a quick reply!!

I am forwarding you the following details of my App.

Config.xml

<preference name="ShowSplashScreenSpinner" value="false" />

<preference name="android-minSdkVersion" value="16" />

<preference name="BackupWebStorage" value="none" />

<preference name="SplashMaintainAspectRatio" value="true" />

<preference name="FadeSplashScreenDuration" value="1000" />

<preference name="SplashShowOnlyFirstTime" value="false" />

<preference name="SplashScreenDelay" value="3000" />

<preference name="SplashScreen" value="screen" />

<preference name="orientation" value="portrait" />

<preference name="UIWebViewBounce" value="false" />

<preference name="loadUrlTimeoutValue" value="00" />

<preference name="DisallowOverscroll" value="true" />

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

<preference name="AndroidLaunchMode" value="singleTask" />
6

I feel sorry for your client - it looks as though they are paying you to learn how to use Ionic.
Do a search on the internet or even you-tube there any plenty of guides out there.

1 Like