Как правильно оптимизировать HTML код

Содержание

Чем больше информации (кодов), тем лучше
Заблуждения
Вывод

Чем больше информации (кодов), тем лучше

Для больших порталов там действует другой принцип, чем меньше весит тем лучше. Тут как раз и сказывается искусство балансирования между дизайном, графикой и объемом полезного контента. Далее если больше, то посетителям придётся ждать загрузки страницы достаточно долго. В отдельную группу попадают счётчики. Счётчики подобные HotLog и Mail.ru весят приблизительно по 1.2Кб каждый, поэтому злоупотреблять ими тоже не стоит.

Заблуждения

Суммарный объём страницы не должен превышать 50Кб. На самом деле это далеко от правды по нескольким причинам. Например, если вы делаете домашнюю страничку то как правило данная страница может занимать сколько вашей душе угодно, потому как ее не так часто посещают левые пользователи, а только ваши друзья, но ваши друзья в любом случае дождутся загрузки вашей страницы, поэтому ограничение по объему тут не уместно. Просто дело в том, что прошли те времена когда народ ходил и разглядывал «home page» сверстаны в word`е. Те кто, ценит себя, давно заказывают все у профессионалов, а те в основном прекрасно знают свое дело.

Но все же есть несколько рекомендаций:

Откажитесь от всех счетчиков и оставьте только один. Достаточно одного счетчика, чтобы знать свою аудиторию. Увеличение количества счетчиков на странице никак не увеличивает вашу аудиторию. Просто современные поисковые системы мульти счетчики просто игнорируют, а поисковые роботы вас и так обнаружат уже без каких либо дополнительных регистраций в каталогах;
Рекомендуется: liveinternet.ru, mail.ru;
Не рекомендовано: hotlog.ru (из-за использования троянской системы, сбора информации)
Откажитесь от БЕСПОЛЕЗНЫХ комментариев. Зачастую в коде web страницы встречаются достаточно бесполезные комментарии, в которых web мастер старается подшутить над теми, кто захочет посмотреть код. Фразы типа «Зачем ты залез в код моей страницы и что тебе здесь надо» не несут никакого смысла, но малость увеличивают код. Хочу заметить, что крайне не стоит отказываться от комментариев к изображениям, то есть, от тега alt=, как раз он вам пригодиться.
Используйте CSS. Каскадные таблицы стилей могут достаточно сильно облегчить страницу, если их правильно использовать. Пропишите в CSS font, width и height, а в коде лишь расставьте необходимые ссылки.
Все скрипты выносите в отдельные файлы. Зачастую новости на web страницах демонстрируются с помощью бегущей строки, или текст со ссылками движется в маленьком окне, а если на него навести курсор мышки, то замирает. Всегда необходимо соизмерять полезность Script’а с затратами на него (в качестве затрат в данном случае выступают лишние килобайты на странице). Возможно, что выстроить небольшую колонку новостей с обычным текстом будет более рационально, чем вешать JavaScript. Единственный случай, когда применение подобного скрипта может быть оправдано – это катастрофическое отсутствие места на странице.
Ликвидируйте украшения на web странице. К таким относятся анимация, всякие летающие хвосты (для последних используется JavaScript). Неправильное применение подобных украшений будет не только утяжелять станицу, но и раздражать пользователей.
Ограничьте информационные сервисы. Ради справедливости стоит заметить, что по большей части эти сервисы работают на тех же скриптах, но они хотя бы несут смысловую нагрузку, приносят пользу.
К таким сервисам относятся вывод сегодняшней даты и текущего времени, календарь, калькулятор. Не стоит забывать, что часы у пользователей есть в треере, а если на них навести мышь, то вам покажут и дату, и месяц и год.
Не забивайте страницы рекламой до отказа. Двух баннеров 468*60 будет вполне достаточно. Кнопками дружеских сайтов злоупотреблять тоже не стоит.
Режьте большие картинки на маленькие. Несколько маленьких картинок загружаются быстрее, чем одна большая. Такой способ более трудоёмкий (необходима таблица, ячейки и тому подобное.) к тому же он неприменим к обоям, заставкам (посетителям нужно сохранять их целиком).
Смените дизайн. В качестве самой радикальной меры можно пойти на изменение дизайна с графического на текстовый. Такая смена подразумевает замену навигационных меню с графических (кнопочных) на текстовые.
Такой радикальный шаг имеет немало достоинств. Во-первых, вес страниц снизится на (30-60%), этого мы как раз и добивались. Во-вторых, если ваши страницы были оптимизированы под одно разрешение (что довольно часто встречается при обилии графики в дизайне), то появляется возможность сделать динамический дизайн (оптимизирован под любое разрешение экрана).

Вывод

Подводя итоги скажу, что если без скриптов, баннеров, ссылок на друзей вам не обойтись, то хотя бы распределите их равномерно по всем страницам сайта, не сваливайте всё сразу на одну страницу, особенно главную.

Грамотно распределив все «тяжёлые» элементы по всем страницам сайта вы значительно облегчите жизнь пользователям, которые ещё не раз впоследствии вернутся на ваш ресурс.