First of all, I'm new so please correct any mistakes I make and give me advise.

Anyway, the problem is whenever I load any of the pages on my blog, mostly the homepage, it takes a very long time to load. I'm in Chrome 17.0.963.78m and have noticed this ever since I changed from using "filter: alpha(opacity=85%);" and "opacity: 0.85;" on the centre column to "background: rgba(255, 255, 255, 0.85);". I'm aware this is a CSS3 thing, but aren't the first two options too? The reason I switched was because I wanted only the white block (is it a div?) of the centre column to be affected, not all the images, text, etc. inside.

Thanks in advance and well done on the great forum. Given me much help in the past. :D

-Dapizz

Your background image is over 2 Mb. WAY too big. It should be more like 100 Kb to 150 Kb. Another way to handle the opacity is to use a 1px semi transparent png file as the background. First thing is the background image though.

I know it's quite big but for me if I quickly zoomed out I could see the spinner going for over 30 seconds after the background had loaded. Also the part of the huge image you see at 100% zoom only should take about 1/3 second to load. Thanks for the input anyhow. The problem has magically solved itself now. Probably just the work of a good restart.

The site still loads very slow for me. Why not optimize the image for web?

Originally Posted by lmilesw

Your background image is over 2 Mb. WAY too big. It should be more like 100 Kb to 150 Kb.

+1
Background image 2,265.59 kB (2,319,966 bytes)


Try this one, same image dimensions, optimised just a tad. (image removed, figured you got a copy by now)