Topic awaiting preservation: Preloaded images - slow help!! (Page 1 of 1)

I have quite a few images. I preload all the pages images on the first index.html page. It is still very slow. Could someone please peek at it and the source and guide me. www.reynoldsbaptistchurch.org.
Thanks

Um I'm not sure why you are preloading all the images on this site.

Preloading only adds a performance boost when you are doing rollovers and the like, if you preload just the default images you are slowing down the performance of the site by loading the images twice. Preloading images does not load images used in <img> tags.



.:[ Never resist a perfect moment ]:.

As bitdamaged said, preloading images does not help when the images are displayed on the page immediately. They only help when there's going to be a delay before they're displayed. Preloading does not actually speed up download times. It won't help you on this page.

The reason your page takes so long to load is that those images are *HUGE*. You have a 296x166 pixel PNG image which is over two megabytes.

Images of that nature should be saved as jpegs with as much compression as possible.

Work on resaving your images with compression and that should reduce the download time.

Also consider removing unnecessary images. Many of the images on that page don't really add anything to the page.

I switched my images from png to jpegs and got rid of the javascript preload. It's much faster. Thanks so much.

hyper511: see also: http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/