Четверг, 23-Ноябрь-2017, 5.03 AM

Dletemplate.ru

Категории раздела
Наш опрос
Оцените мой сайт
Всего ответов: 105
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Статьи

Главная » Статьи » Html

Оптимизация кода
Влад Мержевич
vlad@htmlbook.ru
http://www.htmlbook.ru/

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

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

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


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


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

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

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

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

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

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

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

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

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

::


.::.



..··::


...

::
.::.

..··::
...

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

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


TEX и LATEX

TEX и LATEX

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

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

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



стилем

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

, , .

Категория: Html | Добавил: admin (12-Сентябрь-2006) | Автор: Administrator E
Просмотров: 750 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email *:
Код *: