How to preload Sencha Touch or show a loading screen?

[_dan]

Since there seems to be absolutely no way to improve Sencha's loading time we decided we need to show the user some kind of info what's going on. Otherwise the user will see a white page for about 5-8 seconds and maybe leaves the site.

What would be the best way to display such an "still loading..." screen to the user?

[VinylFox]

Set a background image on the body - displays as quickly as the image can load. Reduces that "white screen" time.

[_dan]

Hi VinylFox,

thanks for your reply. I realized that not loading the sencha css file the page is displayed instantly. So I guess all the fancy borders and shadows are causing the delay. Is there any optimized css style sheet for fast page loading?

[VinylFox]

You should check out my blog post... particularly the section on "trimming the fat"

http://www.vinylfox.com/custom-styling-a-sencha-touch-app/

[dfuentes]

Thnks VinylFox, this helps!