Настройка плагина Autoptimize на WordPress

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

Настройка плагина Autoptimize

Принцип работы плагина Autoptimize

Ваши системные файлы CSS и JavaScript содержат много лишних строк, пробелов и прочего мусора, который не влияет на работоспособность сайта, а только увеличивает вес страниц. Плагин удаляет всю лишнюю информацию из кода, оптимизирует файлы и объединяет их в один, который используется при загрузке сайта вместо стандартных.

Настройка плагина Autoptimize

Я настроил плагин таким образом, как показано на скриншотах. Ниже опишу что означает каждый пункт.

Параметры HTML

Параметры HTML

Оптимизировать код HTML – обязательно ставим галочку.

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

Опции JavaScript

Опции JavaScript

Оптимизировать код JavaScript – конечно галочка нужна.

Force JavaScript in <head> — при включении первого пункта, все JS будут подгружаться не из шапки, а из подвала сайта. Таким образом, мы избавляемся от сообщения «Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы». Но на некоторых темах это может создать проблему с правильностью отображения отдельных элементов. Если такая проблема возникла, тогда поставьте галочку в этом пункте. Если проблем нет – галочку не ставьте и радуйтесь.

Also aggregate inline JS – это интеграция JavaScript в HTML. Все Ява скрипты будут прописаны в ХТМЛ. По замыслу создателя, данная настройка плагина Autoptimize должна уменьшить время загрузки страниц. Лично я ее не использую. Вы как хотите.

Exclude scripts from Autoptimize – здесь можно прописать скрипты, которые будут исключены из оптимизации. Ведь некоторые из них в сокращенной версии могут работать неправильно.

Add try-catch wrapping – если один из скриптов перестает работать после включения оптимизации, то он может повлиять на работоспособность остальных скриптов. Чтобы этого не происходило, поставьте галочку и тогда ошибки будут пропущены и не повлияют на остальные скрипты. У меня все в порядке, поэтому галочку не ставил.

Опции CSS

Опции CSS

Оптимизировать код CSS – включите.

Generate data: URIs for images – для изображений, весом менее 4 КБ отдельные запросы будут включены в файл CSS. Можно и поставить галочку.

Remove Google Fonts – заменяет шрифты Гугл на стандартные, типа Arial. Это не по мне, галочку не ставил.

Also aggregate inline CSS – часть кода CSS плагин переносит в HTML, но при этом создается больше CSS, эффекта не дает, галочку не нужно ставить.

Inline and Defer CSS – если включить этот пункт, то появится поле, куда можно приписать оптимизированный код CSS, который вы хотите удалить из верхней части страницы и поместить в низ. Я скачал оптимизированный код на сервисе проверки скорости загрузки, но при обновлении страниц видимый контент во время загрузки стал прыгать – это некрасиво, поэтому я отказался от этой настройки.

Inline all CSS – если не помог пункт выше, то удалить код JavaScript и CSS, блокирующий отображение верхней части страницы можно, поставив здесь галочку. Есть одно условие: стили CSS у вас относительно легкие.

Exclude CSS from Autoptimize – здесь можно прописать CSS стили, которые необходимо исключить из оптимизации. Если это создает проблемы.

CDN Options

CDN Options

CDN Base URL – CDN это кэшированная версия вашего сайта, находящаяся на другом сервере. Это отдельный сервис. И если вы его не используете, то прописывать здесь ничего не нужно.

Информация о кэше

Информация о кэше

Каталог кэша – путь к файлу, где плагин хранит кэш

Cached styles and scripts – информация о количестве и размере кэшированных файлов.

Save aggregated script/css as static files – галочка отключает сжатие данных. У меня используется gzip сжатие другим плагином, поэтому я исключил эту функцию.

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

Print Friendly, PDF & Email

Похожие статьи: