Как сократить HTML и CSS код сайта

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


С точки зрения оптимизации сайта, сокращение кода не менее важно, так как если код набит мусором, то страница может неправильно проиндексироваться. Также могут проседать позиции всего сайта в поисковых системах, если страницы медленно загружаются (а скорость загрузки страниц – это один из важных факторов ранжирования).
Итак, давайте разберём, что именно мы можем удалить в HTML и CSS коде.

• Пустые строки.
• Лишние пробелы.
• Лишние теги. Их можно заменить на более короткие. К примеру, тег <Strong> выполняет ту же самую функцию, что и тег <b>.
• Отступы.
• Ссылки. Если шаблон для сайта бесплатный, то, скорее всего, в нём будет полно скрытых ссылок. Их нужно обязательно удалить, так как они значительно понижают качество вашего сайта в глазах поисковых систем.

Конечно, после удаления пробелов, строк и отступов, код будет неудобен для редактирования, но зато вес кода сильно уменьшится, так как в нём не будет присутствовать ничего лишнего.

Как сократить HTML и CSS код

Но теперь давайте разберём, как всё это сделать.
Если вы используйте движок WordPress, то работа значительно упрощается, так как сжатие кода можно доверить плагину Autoptimize. Самому ничего делать не придётся, как только плагин будет установлен, код уже будет автоматически оптимизирован.

Чтобы оптимизировать отдельно CSS, можно воспользоваться плагином WP-minify. Этот плагин более функционален, он также можно сократить и код JavaScript.

Также для сокращения кода можно воспользоваться онлайн-сервисами. Этот вариант можно использовать если у вас сайт не на CMS WordPress, либо вы просто не хотите лишний раз нагружать движок плагинами.
Одним из таких сервисов является refresh-sf.com. Чтобы получить готовый результат, нужно лишь загрузить свой CSS файл к ним на сервис, и залить к себе уже готовый файл, который они выдадут.

Вот и всё. Как вы сами видите, сокращать код сайта не так уж и сложно. Если вы серьёзно занимаетесь раскруткой и оптимизацией сайта, то для успешного продвижения крайне рекомендуется оптимизировать свой код.

3 мысли о “Как сократить HTML и CSS код сайта”

  1. Здравствуйте! У меня к вам вопрос как сократить код? дело в том что, я использую плагин InstaBuilder 2.0 и хотел на одну из своих страниц вставить комментарии с Вконтакте. С фейсбука я легко это сделал, а вот с Вк не получается! Дело в том что там есть окошечко куда можно вместить коды (HTML/CSS/JavaScript) но есть так же и требование: (Внимание: Пожалуйста, не вставляйте код PHP и любой тип Shortcodes здесь. Чтобы ввести шорткод, пожалуйста, используйте элемент «Сокращенный маркер».) Есть ещё другое окошко [insert_shortcode_here] и там тоже есть требование вставлять короткий код! Я в этом ни чего не понимаю! Подскажите пожалуйста, где мне искать информацию по сокращению кодов?

  2. Здесь имеется ввиду шорткод wordpress. О нем написано, например, здесь: шорткоды. Плагин instabuilder я не знаю.

    Шорткоды — это элементы в квадратных скобках, например, [hh].

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Перед отправкой формы: