Всего в каталоге: 218 компаний
Сравнить (0)

Сократите HTML - как и для чего это делается?

Время чтения: 19 минут

46 0

Сократите HTML - как и для чего это делается?

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

  1. Удаление пустых строк. Тем, кто не представляет себе, как хранится информация на компьютере, будет полезен следующий микроэксперимент. Зайдите в программу Блокнот (ОС Windows), нажмите пару раз Enter и сохраните полученный текст.

    Обратите внимание на размер этого файла. Даже если в нем пара пустых строк, он будет занимать не ноль байтов, как можно подумать. Каждая подобная строка – это пара невидимых символов, т.е. 2 байта. На внешний вид сайта эти невидимки влияния не оказывают, а место занимают. Удаление большого количества пустых строк может облегчить код. Не стоит корректировать текст внутри тегов <pre> </pre>, <textarea> </textarea>, <script> </script>, там использование любого форматирования оправданно.
     
  2. Удаление ненужных пробелов и отступов. Пробелы и отступы, добавленные в HTML-код для читабельности, по большей части игнорируются браузером. Их можно удалять, исключение – текст внутри тегов <pre> </pre>, <textarea> </textarea>, <script> </script>. Также не рекомендуется делать подобные исправления внутри заголовка кода (раздел head), это может негативно повлиять на работу поисковых систем в будущем.
     
  3. Комментарии не нужны. Они не отражаются в окне браузера и важны лишь для разработчиков сайта. Все строки вида <!-- эта информация предназначена для дизайнера --> можно удалить.
  4. Замена тегов. Если у тега есть более короткий по написанию аналог, его можно заменить. Например, тег логической разметки <strong> имеет физический эквивалент <b>, а <em> - <i>. Теги логической разметки несут дополнительную смысловую нагрузку, но в большинстве случаев ими можно пожертвовать ради экономии.
     
  5. Удаление закрывающих тегов. Многие теги используются парами, в некоторых случаях закрывающий тег может быть безболезненно удален. Браузер всё равно выведет информацию корректно. Подобную операцию можно произвести над тегами <p> </p>, которые формируют абзацы. Пара <li> </li>, предназначенная для отображения списков, также допускает удаление второго элемента. Таблицы можно строить с помощью тегов <tr> и <td>, не заботясь об их закрытии.

Код

<table border=1><tr><td>Простенькая таблица из одного элемента</td></tr></table>

можно ужать до

<table border=1><tr><td>Простенькая таблица из одного элемента</table>.

Браузер правильно распознает структуру таблицы и выведет информацию.

Работу по сокращению HTML-кода можно автоматизировать с помощью специально разработанных плагинов. Наберите в любом поисковике фразу «компрессор html» и поэкспериментируйте с разными программами для сжатия кода.

В результате удаления лишних строк, пробелов и отступов код станет менее читабельным. Для чего же стоило проводить подобные манипуляции?

  1. Код можно сократить на 20 и более процентов, это ускорит загрузку страницы после ее размещения в сети. Длительное ожидание появления информации в окне браузера раздражает пользователя, он может просто покинуть сайт. Сжатая страница грузится быстрее.
  2. Поисковые системы при прочих равных условиях отдают предпочтение сайтам с лучшей скоростью загрузки. Это поднимет вебстраницу в рейтинге, увеличит вес ссылок.
Оцените, пожалуйста, статью по пятибальной шкале, при анализе мы учтём ваше мнение и станем чуть лучше:
  Рейтинг статьи: 5.0
Узнайте об акциях и отзывах первыми в нашей группе