Оптимизируйте код HTML
Для оптимизации документов HTML разработаны специальные программы, которые позволяют сократить размер файлов. Уменьшения, как правило, незначительные, но при большом количестве документов выигрыш может получиться существенным. Сокращение файлов идет за счет некоторых приемов: замена идущих подряд пробелов одним, стирание лишних тегов, пробелов, переносов строк и др.
Можно обойтись и любым текстовым редактором, заменяя идущие подряд два пробела одним. Такую процедуру следует повторять до тех пор, пока количество сделанных замен не станет равным нулю. Эта простая технология конечно не заменит программы, работающих с большим количеством файлов и данных, но в некоторых случаях может и пригодиться.

Применяйте кавычки там, где они требуются
Кавычки применяются при определении значений параметров тегов. Например, цвет текста фона и ссылок на странице указывается так:

На самом деле, кавычки можно опустить и применять их только в скриптах и в значениях параметров, где требуется пробел между словами. В других местах их использовать необязательно, так что "#A0BEC4" спокойно можно заменить на #A0BEC4.

Используйте табуляцию вместо пробелов
Добавление множества пробелов улучшает вид кода, но оно же и увеличивает его объем. Если требуется обязательно сделать отступы, используйте знак табуляции. Табуляция заменяет собой сразу несколько пробелов, но при этом в памяти хранится как один символ. На клавиатуре компьютера обычно обозначается как Tab.

Убирайте повторяющиеся одинаковые теги
Некоторые программы для редактирования веб-страниц автоматически разбивают один тег на составляющие, добавляя в них только по одному параметру. Этот процесс следует контролировать и не допускать подобных инсинуаций со стороны редакторов.

Неправильно:
Дорогие друзья!

Более верно:
Дорогие друзья!

Данную рекомендацию можно рассматривать как устаревшую, в связи с широким распространением стилей. Приведенный выше пример в этом смысле является неудачным. Тег FONT рекомендуется вообще забыть, а его результат заменить тегом SPAN:

Дорогие друзья!
Где сам класс welcome должен быть описан в стилевой таблице.

Замена рисунков текстом
Конечно, ни один текст по возможностям не сравнится с графическим редактором. Но в некоторых случаях это и не требуется, особенно, когда нужно сделать что-нибудь простое и незамысловатое. С помощью обычных символов, таких как, двоеточие и точка, можно построить декоративные элементы, которые встречаются на многих сайтах.

В нашем распоряжении есть следующие символы, которые подобно набору конструктора позволяют создавать небольшие <изображения>: двоеточие (:), точка (.), специальный символ · (он ставит небольшой маркер), теги SUP и SUB, они, соответственно, делают верхний и нижний индекс, приподнимая или опуская, таким образом, текст (пример 1).

Пример 1. Использование текста

::

.::.

:·

..··::

.^..

::
.::.
:·
..··::
...

Более широкие возможности текста при содействии стилей и слоев показаны в примере 2.

Пример 2. Использование стилей и слоев

TEX и LATEX

Популярные системы ТЕХ и LATEX имеют свою оригинальную форму написания, подчеркивая тем самым возможности, которые в них заложены. А что нам их возможности, у слоев и стилей тоже возможности ого-го какие, так что даже такая хитрая надпись легко получается с помощью простого кода.

Убирайте лишние теги
Теги ведь не зря придумывали в таком количестве. Раз они есть, значит для чего-то нужны. Но в процессе эволюции сами собой отошли малоиспользуемые и даже ненужные экзепляры, оставив на своих местах выживших. Теперь некоторые теги можно вообще удалить как нерезультативные, либо заменить их другими, с подобными же функциями. В таблице приведены несколько таких тегов или их сочетаний.

Тег Чем лучше заменить



стилем

Следующие теги можно вообще безболезненно удалить:

, , .