I have a website set up with a dark green background in the body with a small image (fake columns) about 20 pixels high that tiles down the page in the container area.
Everything else on the page loads first and while that is happening the green background shows up. The whole page takes 43 seconds to load according to a download site with images taking up 189K. However, I tried removing most of the images and one security logo with no affect -- the green background still loads first.
You say it tiles. Have you optimized it? Is it something you can reduce to a single pixel high and allow that to tile?
Experimented with .gif, and reduced the .gif palette as much as possible? You can get as little as 1/10 file size out of a .gif as you can with other formats. Seriously, 1/10 the size. You may have to compromise a little in terms of "image quality" but honestly 189 K for a single image is just gigantic.
Sorry I wasn't clear enough. the whole page's images equal 189K in total. The background image in question is only 812bytes so that is hardly slowing anything down. I can save it as a gif and it will reduce it to 500bytes. not a big change.
I have other sites set up with the same design and only this one slows down the container image from loading.
I figured out the solution myself. The problem was the body background (green) loads first behind the whole page content (images and text) THEN and the image in the content area loads slower (tan colored background). So I added a plain color to the content background so the plain color loads fast and then content then the tan background image. On a fast computer you can't even tell the difference.