Blank screen for 7-8 sec before home page


#1

Hi, i created a sidemenu app with ionic2. When the app runs (i have an Asus Zenfone 2, Android version 5.0.2, API Level 21) a blank screen appears for 7-8 sec before the home page. How can i delete this blank screen?
Thank you.

This is my config.xml file.


#2

Are you using the splashscreen plugin? Does it fade in after initial time? You could be seeing a blank splash screen.


#3

Try adding this in you config:

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


#4

I guess that this is the standard initial boot time of the app (more details in the linked topic):

I would recommend you to use the SplashScreen plugin to indicate that the app is loading.

It won’t make your app loading faster but at least it’ll provide a feedback to the users.


#5

With command ‘ionic plugin list’ i do not see splashscreen plugin. I used ’ < preference name=“splashscreen” value=“none” /> ’ but nothing. I observed that if i press back button of my device and then i resume the app, the blank screen appears again for 7-8 sec. The problem is not only for the boot time.


#6

Can you share your code in like a github repo or something? It could help out.


#7

My code is the default project of sidemenu in ionic2.

ionic start myproject sidemenu --v2

Thank you.


#8

Just to be sure. No typescript project right?


#9

No, i have files in .js format.
Thank you. :slight_smile:


#10

can confirm. even with an empty page it takes 7-8 seconds to initialize an ionic 2 app


#11

Have you an Andorid device?


#12

@Muhammedabuali As I already stated above (check out the linked post for details):


#13

Thank you iignatov for this information. Do you know if this problem is near to be solved?


#14

First of all I wouldn’t agree that this is a Ionic 2 problem because there are too many other factors, e.g. the device on which you test, the Android OS, the WebView version, etc… IMHO performance optimizations will be made only after the Ionic 2 stable release (however even then I wouldn’t expect miracles). I believe that the following post summarizes it pretty well:


#15

Thank you, is it possible to see ionic2 stable release in this year?


#16

I guess so, you can follow the progress on Github or read the roadmap.


#17

Ok thank you for this information.


#18

I’ve got this blank too, i hope we can cut it to 2-3 sec … hehehhe


#19

About loading time, I did some optimizations and got 417ms loading time.
Look at report https://tools.pingdom.com/#!/DW6Td/http://m.sherpadesk.com/9

Good recomendations:
http://blog.angular-university.io/how-to-run-angular-2-in-production-today/22
http://www.bennadel.com/blog/3105-creating-a-pre-bootstrap-loading-screen-in-angular-2-rc-1.htm

Our site is completely on Ionic2 beta.8
I am going to write tutorial on http://blog.ionic.io/tag/built-with/
and on http://www.sherpadesk.com/blog/


#20

Thank you for these informations.