PDA

Click to See Complete Forum and Search --> : Help with loading time

motormaniac
07-05-2007, 05:37 PM
I would like to reduce loading time on my site. Especially on the navbar. it is image based. Can someone think of something to help reduce loading time?

http://home.comcast.net/~motormaniac/
Kevey
07-05-2007, 07:21 PM
I would focus on the banner first. You can chop that down size-wise quite a bit and not sacrifice too much in terms of quality. I attached an example that takes your file from 113k down to 28K. Maybe not perfect for you, but you could always experiment with different file sizes till you see what you find acceptable.

The menu items come in at about 5K each. You could get that down, but the banner will make the real impact on load time IMHO.
toicontien
07-10-2007, 04:20 PM
Another thing you could do is split your logo into three graphics.

1. Make a one pixel wide, by 146 pixel tall graphic that just contains the gradient for the logo. Use this as a background image for the logo area.

2. Make a transparent, 8-bit PNG of the main logo text. The matte color of the graphic could be a medium to medium dark hue of the logo area background gradient.

3. Make a transparent 8-bit PNG of the secondary logo text that sits on the right side of the logo. Also make the matte color of this graphic the same color as the previous transparent graphic.

4. Position the primary and secondary logo text as images using CSS.

As for your menu items, save them as 8-bit PNGs. No need for 24 bit graphics here. The human eye will be unable to pick out the loss of color, if any occurs at all. Mainly, use 8 bit PNGs instead of what appears to be 24 bit PNGs.
ray326
07-10-2007, 10:51 PM
Just looking at the response times I'm not sure you can do much to improve your load times off that server (which is WAY old, BTW). Watch it load a few times with Firebug/Net/All and you'll see what I mean. Your file sizes aren't bad. There are just a lot (15) of them and there's a lot of latency in that server. Switching to text over backgrounds in a lot of places and embedding the style sheet might improve things if you can greatly reduce the number of objects on the page.