Минификация HTML в WordPress – сжимаем код плагинами и применяем PHP

Считается что чем меньше код сайта, тем быстрее он загружается в браузере. Суждение правильное, но нужно ко всему подходить с понимаем. В статье рассмотрим один из способов делать оптимизацию разметки это как сжать HTML WordPress, или по профессиональному – минификация кода. Не путайте с браузерным и Gzip сжатием кэширования.

Что такое сжать HTML

Было время программисты писали HTML в одну строку, такие неудачные требования выдвигали SEO специалисты для повышения скорости загрузки, не вспоминая о том что в последствии с сайтом будут работать другие люди и такой документ будет не читаем.

Как выглядит код после сжатия.
Пример минификации.

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

Хорошо, что такая мода быстро прошла. Тогда разработчики стали писать разные скрипты для этой цели, чтобы браузеру и ПС отдавалась сжатая версия, а разработчики могли менять конфигурацию документа с хорошим форматированием, пробелами и правильной вложенностью тегов. Для WordPress есть много вариантов реализации, посмотрим популярные методы.

Минификация HTML в плагине Autoptimize

Знаменитый плагин Autoptimize может сжать HTML в WordPress. Является комбайном оптимизации скорости сайта, но пользоваться им нужно осторожно. В настройках включаем галочку.

Настройка второго плагина.
Aotoptimize.

Есть чекбокс ниже, он оставляет разметку комментариев в HTML, если они нужны то включаем.

Уменьшить код WordPress в Clearfy

В нашем плагине ClearfyPRO содержит модуль, чтобы уменьшить HTML для WordPress. Включается как все остальные составляющие.

Возможность минификации в Clearfy.
Включаем клеарфай.

Clearfy умеет не только сжимать, но и улучшает ресурс и темы с нуля еще по 47 требованиям поисковых систем включая, например, удалять атрибуты prev и next. Предлагаю воспользоваться скидкой на покупку Клерфай, жмите на кнопку цена снизиться сразу.

Clearfy -15%

WE – Minify HTML

Для сторонников решения поставил и забыл является WE – Minify. Минус в том, что нет настроек, он устанавливается и может сжать все документы включая CSS и JS, хорошо что не объединяет, иначе возникли бы проблемы.

Третий модуль WE.
WE.

С помощью кастомной функции

Чтобы сжать код в CMS WordPress, можно воспользоваться предложенной конструкцией, расположенной ниже. Но вставляем код только через FTP соединение и лучше через дочернюю тему. В некоторых случаях шаблон может заклинить.

function minify_wpcourses($buffer) {
	$buffer = preg_replace(
		array(
			'/\>[^\S ]+/s',
			'/[^\S ]+\</s',
			'/(\s)+/s',
			'/<!--(?![^<]*noindex)(.*?)-->/'
		),
		array(
			'>',
			'<',
			'\\1',
			''
		),
		$buffer
	);
         return $buffer;
}
if(!is_admin() && !is_feed()) {
	ob_start("minify_wpcourses");
}
Меняем function.
Стандартный редактор тем.
  1. Переходим в Редактор шаблонов (вы делаете через FTP).
  2. Выбираем Function php.
  3. Вниз вставляем скопированную инструкцию.
  4. Обновляем и сохраняем изменения.

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

Проверкой является визуальная оценка, как способ мог сжать HTML в исходном коде WordPress. Нажимаем Ctrl+u на любой странице и смотрим результат.

Пожалуйста, оцените материал:

Давно занимаюсь и разрабатываю сайты на Wordpress. Считаю что лучшего решения для ведения бизнеса не найти, поэтому считаю долгом делиться информацией с остальными.
Получай полезные материалы удобным способом!
Добавить комментарий