loading too slow

[Joy]

Help !!

I have this great site I've been working on but it loads tooooo slowly. It has lots of images, optimzed jpeg to 70%-75% - if I go lower they get grainy/pixalated.

Any suggestions, idea, thoughts, comments would be great.

Thanks!

www.dogwoodlabradors.com/new/males.html

[aouton]

I am not sure but my guess is the combination of tables and images.

The pieces of theimages you have are not that large.

I use jpeg wizard software to downscale the images. Try to do this in one single image in just one TD and look if there is a difference.

Regards

[achtungbaby]

Your javascript is the problem, not your images. Everytime your page is loaded, 37 images are loaded along with it. There are plenty of open source photo albums out there.

[Marble]

Originally posted by achtungbaby
Your javascript is the problem, not your images. Everytime your page is loaded, 37 images are loaded along with it. There are plenty of open source photo albums out there.

Yep that is a lot of loading!

A quick tip on images for web:

1. .jpg == photographic images - this will compress the image depending on the %.

2. .gif or .png (8-bit png) == colors with defined lines / text. Like your buttons with the paws, for example. 256 colors max.

3. .png (24 bit) photographic - usually large downloads. But you can get small, gif type images with barely a larger size. Also it has a cool "alpha transparency" option, but unfortunately IE has never supported it, so it's useless at this point.

And definitely only pre load images if you are using roll-over states. Your images will be cached anyways, but you save a lot of re-loading for the entire site.

Cheers.