Как сжать HTML WordPress`a при помощи плагинов и кода

Настройка WordPress

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

Как ускорить сайт, сократив код?

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

Если сжать html, то созданные во время разработки лишние отступы, комментарии для понимания верстки и другие элементы, не содержащие никакой визуальной пользы (не отвечают ни за что, не выводят блоки).

Минифицировать документ лучше не вручную, а при помощи плагинов, сохраняющих начальную версию для вебмастера. Это будет полезно при редактировании файлов WordPress верстки в будущем.

Как сжать HTML файлы через модули WordPress?

Установка дополнения в условиях работы с CMS будет оптимальна, не нагружая систему и экономя рабочее время. 

Для начала советую исследовать уже установленные модули – возможно, в них присутствует нужный функционал. В основном это расширения для оптимизации и кэширующие утилиты.

WP Super Minify – комплексно сжать содержимое

сжать фрагменты ЯП

Поддерживаемое авторами дополнение, комплексно сжимающее JS скрипты, CSS стили и HTML5 (за вычетом изображений) прямо из админки WordPress, не требуя активного участия администратора. 

Также плюсом расширения является оптимизация ВордПресса под требования PageSpeed Insights (сервиса проверки скорости страниц от Google).

Установить

При использовании Clearfy PRO

Сжать html WordPerss

В рамках улучшения технического SEO (предназначение этого расширения) также позволяет минифицировать HTML. Разработчики сразу предупреждают, что JS скрипты и встроенные комментарии удаляться не будут, потому что устранение первых приведет к многочисленным ошибкам, а комменты помогают ориентироваться в упрощенном коде.

Clearfy

Уменьшить размер страницы с помощью WordPress Autoptimize

Популярный плагин для WordPress (более 1 миллиона установок), помогающий оптимизировать темы с нуля. Для него требуется более детальная настройка в отличие от аналогов. 

демонстрация работы плагина

Настроить можно сжатие трех видов: HTML, CSS и JS. Если мы обсуждаем как сжать код, то перейдите в параметры хтмл и активируйте чекбокс “Оптимизировать <…>”. Если нужны комментарии – выберите также пункт (следующий).

Скачать

Используя модифицированную функцию

Вариант для опытных вебмастеров, имеющих опыт программирования и системного администрирования.

Вариант с самостоятельным сжатием документа возможен только внедрением PHP функции. Для этого перейдите в файл functions.php через редактор тем или панель управления сервером. После завершения предыдущего элемента, вставьте следующее:

function minify_wptutorials($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_wptutorials");
}

После успешного внедрения проверьте шаблон на ошибки, которые могут выводиться как при использовании некоторых функций, так и при обыкновенном просмотре страниц блога/панели администратора.

Артем

WordPress-разработчик, активный участник сообщества, пишу о ВордПресс просто и понятно.

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