Flicker during startup

[Limbo]

I am having a problem with the web application showing a tiled/transparent screen for a little while, after displaying the splash screen.

I've tested with removing almost everything from the site, to see what is causing the flicker. It seems the issue is caused by these lines (which I have removed all content from):

Ext.setup({
onReady: function ()
{
}
});

If I remove these, then the screen doesn't become transparent at all.

What is causing this? How can I avoid the flicker? Is there some workaround?

I've searched a bit, and only found people solving this issue with PhoneGap, which isn't an option for me.

I've tried adding Sencha KitchenSink to the homescreen, and here it doesn't happen... The weird thing is, that I downloaded the KitchenSink app and have it running locally, and when I use this version, it also shows the transparent image. I don't understand how this is possible at all, but it is.

[mitchellsimoens]

iOS will do this. Nothing you can really do about it.

[Limbo]

But it doesn't do this if I remove Sencha from the site?

[mitchellsimoens]

But it doesn't do this if I remove Sencha from the site?

Do those sites have the amount of code to download and execute?

[Limbo]

It seems the screen ALWAYS gets white before the content is displayed - with or without Sencha.

But the transparency before the white screen only happens when Sencha is on the site.

http://www.sencha.com/forum/showthread.php?134468-Startup-Screen-delay-during-framework-load

This seems to help. I will try test it a bit more.

[umr.ashrf]

In one of my app it was due to Google Maps API being loaded synchronously. Make it asynchronous and see if it helps.