More tips:
- set the background image in CSS not in main document. .css file is loaded before index.html so basically the background will load first and the visitor will not spend 5-6 seconds looking at a white page.
- .gif images are smaller than .jpg images and load faster because contain less colours but are not the best when it comes to display a photographic image. Use them for buttons, bullets, lines, etc.
- .gif and .png images have options for transparent background unlike .jpg
- never / ever put a CMYK image on a web page, use only RGB images
- 16/32 bit images have no visible quality increase (for human eye anyway) will only become biger and increase page loading time.
- adding background music can sound like a nice ideea but each time you use a javascript function, the music will stop and the page will load slower.
- avoid big documents. better have 10 small documents and use php include function than a big one with all 10 in it.
- don't set styles at each text block, set classes in .css file and use class= "your_class" inside <p> tags. Page will be smaller so will load faster.
Tahadar
Web design & pre-press