10 Step HTML Diet.

admin — Fri, 15 Jan 2010 23:20:27 +0000

Your new year’s resolution may be to go on a diet. Here are some tips to put your HTML on a diet, improving load times and writing better code.

1. Use fewer files and directories

2. Limit your spacing

While we know that spaces in your code, as a rule, should not effect the layout, it does effect how it’s parsed. Decrease or eliminate the spaces between your lines of code.

3. Use relative addressing instead of absolute addressing.

Instead of using href=http://www.mydomain.com/images/pic1.jpg, use href=”../images/pic1.jpg”
To really speed things up use the tag in the like this: then use relative addressing in the rest of the page.

4. Use HTML to control spacing when possible

Instead of using a spacer.gif to manipulate space, try using for horizontal spacing and the
and
tags for vertical spacing.

5. Eliminate repetitive tags

This is something you’ll often find in pages created with point and click web applications (WYSIWYG HTML editors) for example:Hello World Welcome to my web page.
In this example the first and the second could be eliminated.

6. Eliminate attributes with default values

7. Use short file names and directories

Instead of href=”../imagefiles/companylogos/advertisements.html try href=”../imgs/logos/ads.html

8. Use Cascading Style Sheets

Use CSS to position your content. It requires less code and you have more accurate control over layout.

9. Beware of WYSIWYG code trash

Many web authoring apps add their own proprietary code. FrontPage is notorious for this. Beware!!
Clean up your META tag. You don’t need the following info in your METAs:

10. Table Savvy

Avoid nesting tables. Rather than creating complex table layouts, use the attributes rowspan and colspan to control content layout.
If you can, fill empty table data cells with This weighs less than a spacer.gif.
Tables take time. Even if you need to use a table for some of your content, the entire page doesn’t have to be in a table.

Do you have any other suggestions? Add them to the comments below! Ok, the holidays are over… Let’s get back to work.

AdultWebSEO.com ~ Helping Webmasters Earn More Money with Adult Affiliate Advertising. » Tips