Loading Images faster...help?

[DreBeltrami]

Hi There,

I would like to see if anyone can provide some help on how to make the nav bar and image in the sidebar load faster when a user goes to the url. Right now it lags quiet a bit, so the rollover feature on the nav bar doesn't load for a while.

http://www.manriquezconstructioninc.com/test.html

Any ideas of how to best tackle this?

 

[d a v e]

preload the nav bar images (check DW help - i assume you're using DW?)

use a jpeg for your logo

 

[Denno]

I would suggest setting up CSS sprites, and then using CSS rollovers.

This will reduce the amount of pictures you're having to load, and will mean that all of the rollovers will start to work at the exact same time.

Also optimize your images, if they're not already.

The rough idea behind the CSS sprites, is reducing the number of packets of data that need to be sent back and forth to download the images, reducing it to a single packet for the whole menu.

Give it a try and see how you go.

Denno

 

[DreBeltrami]

Thanks for the feedback - I will try everything you two have suggested!

 

[bcee]

Site loaded decently fast. I would suggest, in addition to the above posts, replacing the image-based navigation for a HTML/CSS one. You can pretty much replicate that in CSS anyhow.

 

[LouTheDesigner]

Okay, you absolutely NEED to put your CSS in an external .css file, and your javascript into an external .js file.

For SEO purposes, put the CSS file in the same directory as your index.html file, and put your JS file in a folder.

Your page will load faster because there will be less code to interpret for the browser.

-Lou

 

[DreBeltrami]

Thank you all - I've implemented most of the suggestions you offered and it's 100% faster!