This is a very important factor that many people tend to overlook. When you use images or tables on your pages you should always include the height and width tags. If the browser does not see those tags it will need to figure the size of the image, then load the image and then load the rest of the page. Here is an example of code containing those tags:

<img id=”kitty” height=”200″ width=”450″ src=”http://www.domain.com/kitty.png” alt=”cute kitty” />

When the height and width tags are included the browser will automatically know the size of the image. As a consequence it will be able to hold a place for the image and load the rest of the page contemporaneously. Apart from the improvement on the load time of the page this method is also more user friendly since the visitor can start reading the text or other information while the image is being downloaded.

It is a good idea to compress your CSS files. Doing so will strip the whitespace (and strip comments if you wish, you can always keep a backup on our hard drive) and reduce the overall file size. There are many tools to do this for you, one of which is CSS Compressor.

• OSWD – is a collection of web designs submitted by the community that anyone can download free of charge. Currently has 2080 free designs.
• OpenWebDesign – is a community of designers and site owners sharing free web design templates as well as web design information. Helping to make the internet a prettier place. It has 2425 designs total.
• CSS Tinderbox - is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.
• Open Design Community -is a group of Open Source Website Designers providing hundreds of XHTML and CSS based free web design templates available for download.