PDA

View Full Version : How to preload Sencha Touch or show a loading screen?



_dan
3 May 2011, 2:30 AM
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
3 May 2011, 3:27 AM
Set a background image on the body - displays as quickly as the image can load. Reduces that "white screen" time.

_dan
3 May 2011, 11:07 AM
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
11 May 2011, 3:11 PM
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
1 Jul 2011, 10:02 AM
Thnks VinylFox, this helps!