Минификация html кода в WordPress – используем PHP скрипты и плагины для сжатия

Улучшение и апгрейд WordPress

Довольно давно в стиле написания интерфейсов появилась такая вещь для улучшения SEO как «код в строку» или минификация, то есть весь HTML страниц был прописан одной строкой без отступов, переносов и других фишек для удобного чтения. Это было сделано из мифа, что так ресурс загружается быстрее – да страница становиться чуть меньше по весу, но это мелкие килобайты. Если решили так сделать, то покажу, как сжать HTML WordPress разными приемами.

Не путайте данное сжатие с сервером Gzip или браузерным, это совсем другие типы, о них будут статьи дальше.

Минификация применяя PHP для тем с нуля

Начну со сложного метода, включающий минификацию через активный шаблон на сайте, даже если ставите тему с нуля, нужно править function php. Сначала дам PHP, копируем его.

function minify_wpoptimize($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_wpoptimize");
}

Советую манипуляции производить через FTP, при случае отказа темы от работы, можно быстро убрать добавленный участок. Похожим способом можно добавить скрипты в Head.

Редактор шаблона WordPress.
Админка.
  1. Переходим Внешний вид – Редактор тем.
  2. В правой части выбираем Функции темы (function php).
  3. Пролистываем в самый низ и вставляем.
  4. Нажимаем обновить, чтобы сжать и уменьшить HTML. Как делать проверку напишу в конце статьи.

В плагине Clearfy PRO

С помощью WP комбайна Clearfy PRO можно устранить множество проблем, например, удалить атрибуты prev и next. Он так же может сжать код в WordPress без применения метода правки файла, лишь включив одну опцию.

Клеарфай.
ClearfyPRO для WordPress.

Клеарфай имеет еще около 48 опций по улучшению WordPress, интересная опция установки предупреждения о cookie без программирования, при помощи нажатия одного переключателя.

Скидка на Clearfy для читателей

С помощью Asta HTML Minifier – код в строку без настроек

Если поклонник минималистичных решений для WordPress, то с помощью плагина Asta Minifier получится сделать быстро, из разряда поставил и забыл. Можно установить из админки или скачав по ссылке выше, так выглядит в поиске по плагинам.

Второй модуль для минифкации.
Asta Minifier

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

Autoptimize – минимизация и компиляция всех файлов

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

Autoptimize.
Настройка в Вордпресс.

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

Получилось ли сжать HTML – проверяем на примере

Проверяем смогли ли сжать HTML, единственное при работе с Autoptimize нужно подождать, чтобы создался кеш. Переходим на главную или любую другую страницу и нажимаем Ctrl+U, откроется документ, должно быть что-то похожее на данный снимок.

Минимизированный шаблон WP.
Что должно получиться.

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

Женя

Занимаюсь разработкой WordPress уже больше 5 лет, делюсь своими знаниями и опытом на этом блоге.

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