Broadway - 4:19 pm on Nov 30, 2012 (gmt 0)

My CSS file makes two calls for graphic files.

1) One is for a background gradient (just a colored background across the top portion of the page) that's called in the BODY element.

2) The other is for an image sprite. It includes a page-top header graphic and buttons and decorations for the page layout.


I was under the impression that (at least) some browsers can only download so may files from a single server at a time.

I would much rather that the image sprite be downloaded first, so the header graphic gets shown ASAP.

If there's a lag in showing the background color gradient, that doesn't bother me much.


To implement this, I'm assuming that calling the image sprite first in the CSS file is a help (Although I can't really say that my visual testing of page loading confirms this).

Am I right with my thinking, or some how mistaken?

And also, is it OK to NOT place the BODY element first in a CSS file? (When I test this format everything seems to work ok.)

Thanks.