Order of loading
 

I have a header that is very demanding when it comes to file size, and since it is not vital to the rest of the page, I would like it to load last. How would I go about doing this?

I think you'd better explain in a bit more detail exactly what you're trying to do.

Because the header is high in size, it is holding up the rest of the page(only the headers from a quick glance) from loading on slow connections. Since the images of the header I am referring to is only extra, I would like it to load after the rest of the forum.

You could do it with Javascript, but then it would break for non-js browsers. You could put it in the footer, and move it after page load (with Javascript), or you could not include it in the page, and load it after pageload with Javascript.

But before doing all that, I'd seriously try to bring the header image filesize down to a reasonable size first. How big is the file?

place the header in the footer, then use CSS to move it to the top, and make an empty div with the height/width in the header where your "footer-header" will overlay.

The header is the first thing a visitor sees .. this is the spot where your brand is visible to the world. Why would you want to make it the last thing to load?

I suggest rethinking your "header" options.

You will get more specific solutions if you post the URL?

<a href="http://www.pollama2.pollama.com" target="_blank">http://www.pollama2.pollama.com</a>

I can't exactly tell for sure how bad it is as my internet is messed up.

I have plans to optimize it some though.

Try this:

http://www.cobydelaney.com/test/test.htm

Download the images from here.

I optimised them and combined them for you.

344Kb down to 39Kb.

How did you do that?

actually, the original images were not optimized for the web... that's the only problem you had...