WordPress для чайников: настройка Autoptimize

Продолжаем ускорять сайт на WordPress! В этой статье расскажу о том, как правильно настроить Autoptimize, чтобы все работало как надо!

Это продолжение цикла статей «WordPress для чайников»:

  1. WordPress для чайников: Вступление
  2. Что такое Хостинг и VPS?
  3. Выбор VPS и первоначальная настройка
  4. Создание доменного имени и направление DNS
  5. Минимальный набор необходимых плагинов WordPress
  6. Настройка плагина кеширования W3 Total Cache
  7. Настройка Autoptimize <

Почему Autoptimize?

В прошлой статье мы уже рассказывали, о том как настроить кеш с помощью W3 Total Cache и советовали использовать Autoptimize.

Конечно — же есть и другие плагины, а также другие советы по сжатию CSS и JavaScript, но делать вам этого вам не советую:

  • Другие плагины в большинстве случаев, либо более сложные в настройке, а результат будет такой же, как и при использовании Autoptimize, либо улучшит результаты улучшаться на 0,5%, но как правило, все становиться хуже!
  • Использование сервисов онлайн-компрессоров не имеет смысла, так как Autoptimize выполняет те же действия, только на автомате.

Autoptimize — один из лучших бесплатных плагинов для WordPress, позволяющий оптимизировать и ускорить работу сайта буквально в пару кликов, за счет объединения JavaScript и CSS.

Autoptimize
Autoptimize
Price: Free

Как правильно настроить Autoptimize, чтобы все работало как надо и сайт отображался правильно? Рассказываю какие галочки где поставить!

После установки плагина, найти параметры Autoptimize можно в разделе «Настройки» -> меню «Autoptimize».


Настройка Autoptimize — вкладка JS, CSS & HTML

После попадания в настройки Autoptimize вы попадете в первую вкладку JS, CSS & HTML.

Опции JavaScript

  • Оптимизировать код JavaScript — поставить галочку (включить)
  • Объединить файлы скриптов — поставить галочку (включить)
  • Объединить встроенные JS — ненужно, будет быстро заполняться кеш и это замедлит ваш сайт
  • Принудительно загрузить JavaScript в <head> — также не нужно включать, так как может увеличиться время до первого байта, TTFB
  • Добавить try-catch обертывание — стоит включать только тогда, когда возникли проблемы с функциональностью сайта, после активирования Autoptimize

Опции CSS

  • Оптимизировать код CSS — поставить галочку (включить)
  • Объединить файлы CSS — поставить галочку (включить)
  • Объединять встроенный CSS — ненужно, будет быстро заполняться кеш и это замедлит ваш сайт
  • Создать данные: URI для изображений — поставить галочку (включить)
  • Встроить и отложить выполнение CSS — интересный параметр, который может ускорить ваш сайт, но нужно уметь его настроить, поэтому лучше оставить его выключенным
  • Встраивать все CSS — не включать

Параметры HTML

Оптимизировать код HTML — позволяет немного сжать итоговую страницу HTML, включить параметр

Другие настройки

  • Сохранить объединенные js/css как статические файлы — поставить галочку (включить)
  • Минифицировать исключенные файлы CSS и JS — поставить галочку (включить)
  • Also optimize for logged in editors/ administrators — не включать, администраторам всегда должна отдаваться страница без каких либо оптимизаций

Настройка Autoptimize — вкладка Дополнительные

  • Шрифты Google — советую установить вариант «Оставить как есть» или «Объединять и загружать шрифты асинхронно», остальные могут увеличить время до первого байта, TTFB. Оптимальный для вас вариант можно выяснить, проведя эксперимент!
  • Удалить emojis — советую включить данный параметр, эмоджи используются довольно редко, а убрав их работу, можно ускорить WordPress
  • Удалить строки запроса из статических ресурсов — поставить галочку (включить), в Google PageSpeed Site Insight и GtMetrix можно получить еще пару баллов к оптимизации.

На этом настройка Autoptimize, ждите других статей по WordPress!