Продолжаем ускорять сайт на WordPress! В этой статье расскажу о том, как правильно настроить Autoptimize, чтобы все работало как надо!
Это продолжение цикла статей «WordPress для чайников»:
- WordPress для чайников: Вступление
- Что такое Хостинг и VPS?
- Выбор VPS и первоначальная настройка
- Создание доменного имени и направление DNS
- Минимальный набор необходимых плагинов WordPress
- Настройка плагина кеширования W3 Total Cache
- Настройка Autoptimize <
Почему Autoptimize?
В прошлой статье мы уже рассказывали, о том как настроить кеш с помощью W3 Total Cache и советовали использовать Autoptimize.
Конечно — же есть и другие плагины, а также другие советы по сжатию CSS и JavaScript, но делать вам этого вам не советую:
- Другие плагины в большинстве случаев, либо более сложные в настройке, а результат будет такой же, как и при использовании Autoptimize, либо улучшит результаты улучшаться на 0,5%, но как правило, все становиться хуже!
- Использование сервисов онлайн-компрессоров не имеет смысла, так как Autoptimize выполняет те же действия, только на автомате.
Autoptimize — один из лучших бесплатных плагинов для WordPress, позволяющий оптимизировать и ускорить работу сайта буквально в пару кликов, за счет объединения JavaScript и CSS.
Как правильно настроить 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!
