- Remove everything unnecessary:
This tip may sound dumb, but please look at your website once again: do you really need this background sound (most people find them annoying anyways). Is that huge GIF animation with jumping bunny really that cool ? And do you really need this crappy JavaScript code for the flying clock ? Remember, all this stuff needs time and bandwidth to be loaded with every page view and don't forget the most important thing: People are visiting your website to get information - just give them what they want! - Avoid nested tables:
Don't place tables inside another table - the browsers need much longer to parse this. - Use CSS where possible:
By using a linked Cascading Style Sheet, which is basically just a set of instructions of how to represent elements your source code will be a lot lighter, therefore load faster. For example, you could replace this code:
<div align="right"><font face="Arial, Verdana, Sans Serif" color="#008000" size="3"><b>Here is some text</b></font></div>
to something like this:
<div class="style1">Here is some text</div>
See the difference? There are many good internet sources where you can learn some CSS basics. Invest some time in it - it's worth it! - Optimize your images:
Images are the most heavy part of many websites. Try to reduce the amount of images as much as you can. Remove all the fancy GIF animations and replace them with static images.
Always define the width and height of an image by setting the image tag attributes. That way, the browser will already know how the things will look like and will load the rest of the page. Otherwise, it loads the image first and then the rest of the page.
Consider using smaller clickable thumbnails instead of big images where possible.
Reduce the filesize of your images - there are a lot of free tools out there. For example, GIFCruncher for GIFs and JPEG Wizard for JPEGs.
Use GIFs instead of JPEGs. JPEGS are only good for fine images like photos, for all other web graphics GIF is usually a better choice. - Clean up your code :
Many WYSIWYG HTML editors leave a lot of unnecessary code like empty tags (like <font> </font>) and comments in your source code. remove them with a simple text editor for a faster website loading. - Remove whitespaces:
Every unnecessary space between your tags and new line characters are increasing your page size. You can remove them easily with our free HTML Optimizer