Advanced Performance Techniques

Just because you know HTML, there’s no need to get carried away…

Remove all unnecessary HTML from your code, e.g. the border=”0” attribute on images which are not links. However, keep width, height and alt attributes - as although they add extra bytes to the size, again they can give the impression of faster downloads or a more professional site, as browsers like to position all the elements before rendering the document. If you have used a WYSIWYG editor to produce the code, try re-structuring the document, perhaps by shortening the indent width (perhaps from four spaces to two spaces).

Another trick is to rename all internal directory structures so that they are as small as possible (e.g. /images to /img) – thus, if your template calls 12 images, it will have at least 3*12 = 36 less bytes in the HTML). Similarly, template images should not be called ‘template_image_row_1_col_3’, but rather something shorter, like ‘tp_r1c3’.