Главная » Создание сайта, раскрутка сайта

Как сократить HTML код страницы сайта?

как сократить html код

Как сжать, сократить HTML код?

Мы уже говорили о том, как сжать CSS-стили и о том как сжать JS-скрипты. Данные действия могут довольно существенно ускорить загрузку страницы, уменьшить время, затрачиваемое на синтаксический анализ, а так же уменьшить объем передаваемых данных. Но при этом не стоит забывать и про сам HTML-код страницы. Большой HTML-код так же существенно влияет на скорость загрузки страницы.

Каким образом можно сжать HTML-код?

Сжатие JS-скриптов производится путем кодирования. Данный способ не подходит для сжатия HTML. Процесс сжатия кода HTML больше похоже на сжатие CSS-файлов. И методы сжатия почти что одинаковы:

  1. Удаление пустых строк.
  2. Удаление лишних пробелов.
  3. Удаление отступов.
  4. Удаление комментариев.
  5. Изменение длинных тэгов на аналогичные, но более короткие. Например, <strong> изменить на <b>.
  6. Удаление необязательных закрывающих тэгов.

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

Сжатие HTML кода на сайте WordPress

Процесс сжатия HTML кода весьма и весьма упрощается для тех, кто использует CMS WordPress на своем сайте. Для этого необходимо скачать и активировать плагин WP HTML Compression. Никакой дополнительной настройки плагина не требуется, их даже нет. Сразу после активации плагина, весь Ваш HTML код будет сжат.

Как должен выглядеть оптимальный HTML код?

Все знают и видели главную страницу Яндекса. А Вы заглядывали в его HTML код? Выглядит он отлично! Там нет ничего лишнего. Приблизительно так и должен выглядеть HTML код. Так же, хорошую подсказку может дать расширение Page Speed для Google Chrome, которая покажет как должен выглядеть HTML код Вашей страницы. Отталкиваясь от его показателей Вы с легкостью сможете сжать HTML-код Вашей страницы.

4 комментариев к записи “Как сократить HTML код страницы сайта?
  1. Нищета мозга в cказал :

    Здравствуйте! Виталий привет! А если не все файлы css и js сжать, но при этом в файл .htaccess вставить код, который будет работать для сжатых файлов, не приведет ли такое к какому-нибудь сбою и вообще, можно ли только на половину делать сжатие файлов css js или по выбору?

    • admin в cказал :

      Я не Виталик, но все же отвечу: смотря про какое сжатие идет речь. Если сжатие самого кода (Как сжать CSS-стили? и Как сократить(сжать) JavaScript?), то никаких проблем это не вызовет.

      Если же вы хотите использовать статическое сжатие и вместо обычных стилей и скриптов отдавать их архивы и все это заставить работать благодаря правилам в htaccess(Динамическое и статическое сжатие передаваемых данных), то проблем насколько я помню, так же не должно возникнуть. Отчетливо помню, что, например, старые браузеры, которые не поддерживают gzip сжатие, при попытке сплавить им такой архив все равно попросят оригинал стиля или скрипта.

  2. Oksana в cказал :

    у меня такой вопрос, этот плагин сжимает код и потом его можно деактивировать? Или после деактивации коды вернуться в не сжатое состояние?

    • admin в cказал :

      Точно так. Но проще было думаю сделать это все самой и посмотреть что будет.

Добавить комментарий

Ваш комментарий появится после модерации.