1) Reduce number of request: When page is loading all files referenced on this page have being downloaded, which means for each image, css and js file request is created. If you have 20 images on page 20 parallel request are fired on each load. Ways to reduce request number:
- Combine files - try to merge css and script files.
- Use CSS sprites - as was said above each image is request on server, use CSS sprites where it is possible.
- Remove unnecessary counters and scripts - one counter may be enough to your site. remember each of them taking time on load.
3) Use browser caching for static content: Set expiration date for each static image, this will cache images on user's browser cache. This is perfect for returning visitor experience.
IIS 7.0 example:
<staticContent> <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00"/> < staticContent>
This will add relative expiration date to static content, in this case 7 days.
4) Minify CSS and Javascript files: If you use jquery or other script library use its minified version. In addition
it better reference these libs via CDN networks. Minify your css files with variety of css compression tools.
5) Use Google Page Speed utility: This Firefox addon will help you to improve some aspects of your site's performance.