IE wait for all image to load before showing page, FF and Chrome render instantly

Hello
This page: http://alahadtv.com contains all the  css embedded with no external css files to fetch. the size of page is about 35KB gzipped, it does not use tables and all the images have dimensions set by css code.
The page should render as soon as that 35KB file received; FF and Chrome behave so and show the page instantly, but IE, tested 6 and 8, waits for all the images to be loaded before rendering the page.
I removed all javascript codes and files to see if it is the problem but with no luck, so javascript is not the cause, although it perform very slow in IE comparing to FF and Chrome and hangs when retrieving and injecting ajax content but this story remains for later and another question.

Thanks
SoroushiAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

SoroushiAuthor Commented:
HyperBPP
the links discuss controlling the order of image's load or preloading them which is not important and irrelevant for the question; the question is: why IE waits for all images get downloaded before rendering page? the expected behaviour is to start rendering other content of page instantly as FF and Chrome do.
0
HyperBPPCommented:
Internet Explorer handles progressive rendering different than the other browsers in certain cases.  I am trying to find a precise reason why that applies to your page.  

Some things I am aware of
-IE waits to load tables before rendering the table
-IE waits to load all images found in external CSS until that CSS is loaded.

Maybe your inline css has an effect?
0
Introduction to R

R is considered the predominant language for data scientist and statisticians. Learn how to use R for your own data science projects.

HyperBPPCommented:
Browsers will download everything in the <HEAD> before moving on.  You have several external CSS files, any chance you could combine them?  It would reduce the number of requests that the browser has to make, thus speed the loading of your page.  You also have a <style> block in your <head> section.  You should move that to an external CSS file as well so that you are able to take advantage of the browser's automated cacheing.

0
SoroushiAuthor Commented:
HyperBPP
Thanks for your comments but the page has neither table nor external CSS. in case you notices some 'main.css' in firebug then it is just get preloaded by javascript to cache it when other pages of website require it later; I use inline CSS in home page only to reduce number of files requested and needed to start rendering the page to just 1 file and so speed rendering home page of website.
0
HyperBPPCommented:
Soroushi,
Best of luck on this, I think I am nearly out of thoughts on this.  Maybe it has to do with how IE progressively rendors flash(swf) objects.  Firebug (even though that is FF) indicates that the Flash objects block loading.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
SoroushiAuthor Commented:
HyperBPP
It seems that flash objects are blocking rendering of page in IE even if I give explicit dimensions for those objects!.
I will accept your last solution. but could you please give some links for discussions about:
-IE waits to load all images found in external CSS until that CSS is loaded.
-Flash objects block loading or rendering of pages in IE or other browsers.

Thanks
0
HyperBPPCommented:
Soroushi,
Yahoo has some great information on speeding up websites, that includes a little informatoin about progressive rendering.
http://developer.yahoo.com/performance/rules.html

I can't quickly find "good" information about progressive rendering and flash objects.  My observations were made with FireBug's Net panel.
0
SoroushiAuthor Commented:
HyperBPP,
That article discuss just the role of CSS in progressive rendering. I read these and other recommendations and discussions about website performance before but never came across effect of flash in progressive rendering as I encountered in the above web page.
If it has effect then it should be well known and wide spread as the flash itself and someone should noticed it before; or maybe I miss something?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.