- Remove everything unnecessary
- Avoid nested tables
Don't place tables inside another tables - 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. 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 ) and comments in your source code. remove them with a simple text editor for a faster website loading.
- Remove white spaces
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
Posted by The Rich Secret Posted on 9:10 AM with 7 comments
tips to improve your blog or website speed: