Меню

Плагин Autoptimize обзор и настройка

 

Подробное руководство с обзором и инструкциями по настройке плагина AutoptimizeОптимизируем наш сайт с плагином Autoptimize. Всем привет!) В этом обзоре я расскажу Вам о плагине Autoptimize! Это превосходный вариант для оптимизации сайта на WordPress. Который обладает множеством преимуществ перед своими конкурентами. При этом он показывает прекрасные результаты в сочетании и с другими плагинами по оптимизации.

Но не стоит радоваться, внимательность и осторожность в использовании плагинов. Залог прекрасной работы вашего проекта. Это касается к примеру последних обновлений этого плагина на дату 03.08.2017. Которые к примеру затронули на моем сайте, всю структуру меню и рубрик. Разбираться в чем же причина пришлось часов шесть.
И еще часа три, подстраиваться под это обновление. Кстати скорость работы сайта  значительно выросла и в течении двух дней все стабилизировалось.

Плагин Autoptimize обзор

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

Изображение содержит вывод визуальной информации о плагине Autoptimize

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

Установка Autoptimize стандартная и не займет  у вас много времени. Далее регистрировать плагин нет необходимости. И можно переходить непосредственно к настройке! Параметры плагина разделены на разделы, каждый из которых, отвечает за ряд определенных опций.
Для перехода к  настройкам, вам нужно в левом меню выбрать вкладку «Настройки«. Затем вкладку «Autoptimize«. Для более детальной настройки, нажмите на кнопку в правом углу окна настройки. Смотрите изображение ниже.

Параметры  HTML

Изображение иллюстрирует последовательность действий при настройке параметров HTML

  1. Оптимизации кода HTML — сжимает основной код сайта, при этом удаляя пустые пробелы и т.д . Опция крайне полезна, вес страницы при ее включении значительно уменьшается. Смело оставляйте.
  2. Сохранение комментариев в коде HTML — предоставляет Вам выбор, оставлять комментарии в коде или нет. Поясню, некоторые плагины не могут работать без комментариев в коде. Хотя это редкость. Важно то, что отключение комментариев в HTML значительно уменьшает его размер. Тем не менее выбор остается за вами.

Опции  JavaScript

Иллюстрация последовательности действий при настройки опций JavaScript

  1. Оптимизация кода JavaScript — включение сжатия кода java. Позволяет сжимать код, удаляя при этом лишние пробелы и знаки. Рекомендую смело отмечать эту опцию.
  2. Загрузки JavaScript в начале кода сайта — включает исполнение скриптов в начале кода загрузки сайта. Иногда это необходимо, но в большинстве случаев не стоит включать эту опцию.
  3. Создание агрегатного JS — опция извлекает скрипты из HTML. При этом создается статический файл, но размер кеша в таком случае будет расти на много быстрее.
  4. Исключение определенных скриптов из Autoptimize — в этом поле вы можете указать через запятую, те скрипты которые не хотите оптимизировать.
  5. Активируйте эту опцию в случае, если у вас появились ошибки отображения на сайте.

Опции  CSS

Иллюстрация действий при настройке параметров оптимизации стилей CSS

  1. Оптимизация кода CSS — включение, оптимизирует и сожмет стилевые файлы вашего сайта.
  2. Включение небольших фоновых образов в самом стилевом файле. Это уменьшит количество отдельных загрузок стилей.
  3. Удаление Google Fonts  — позволяет удалить шрифты Google, при условии, если они вам не нужны.
  4. Единый файл стилей в коде HTML — объединяет все стилевые файлы в один и внедряет в код HTML. Это способствует  сокращению запросов и ускорению загрузки стилей.
  5. Линейные CSS — я честно не тестировал эту опцию. Но могу сказать, что она откладывает загрузку стилей.
  6. Встроенные CSS — отлично влияют на производительность сайта. При этом оказывают влияние на оценку PageSpeed,  убирая из шапки сайта стили замедляющие работу.
  7. В этом Вы можете указать, те стили которые вы не хотите включать в оптимизацию Autoptimize.

Общие настройки  CDN и Кеш

Последовательность действий определяющая настройку нескольких параметров

  1. Опция CDN — позволяет указать адрес CDN, для оптимизации сайта. Это позволит значительно ускорить загрузку сайта.
  2. Информация о кеше — показывается с момента установки плагина. Содержит краткую информацию о количестве страниц находящихся в кеше.
  3. Параметр сохраняющий агрегаты CSS  и JS  в отдельные статические файлы, тем самым значительно увеличивая скорость сайта.
  4. Оптимизация файлов, даже если пользователь зарегистрирован. Этот параметр по крайней мере на моем сайте вызывает ошибки. По этому будьте осторожны отмечая его.

Заключение

Плагин Autoptimize отличное решение для оптимизации Вашего сайта. После выполнения необходимых настроек, вы убедитесь в этом сами. Надеюсь эта статья будет Вам полезна! Желаю  успехов в будущей оптимизации ваших проектов. В следующих статьях я продолжу обзор этой темы. Следите за обновлениями они проводятся ежедневно.

Эти статьи относятся к теме которую вы изучаете, посмотрите их, пожалуйста. Возможно они будут Вам интересны.

Спасибо, что читаешь Nicola Top

Комментарии 5

  • Отличная содержательная статья. Я пользуюсь этим плагином, но ещё не обнавляла. Надеюсь что все будет замечательно.

  • Спасибо за подробное описание. Но было бы не плохо, если бы вы объяснили читателям причину сбоя плагина и методы решения проблемы. Думаю многим это знать будет полезно.

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

      • А как он себя поведет, если ему в functions.php запретить обновляться?

        • У меня стоит плагин запрещающий все обновления. Так как к примеру плагин социальной составляющей на моем сайте, при обновлении изменяет весь мой перевод текстов на свой. А что касается этого плагина. Проблемы возникли в последних версиях, и решить я их не могу. Видимо плагин имеет конфликт с темой сайта. Если включить к примеру дополнительные функции, которые внедрены в последних версиях. У меня перестает отвечать вся навигация «Меню»и «Рубрики». После указаний в плагине этих скриптов, для того чтобы он не затрагивал их. Результат не изменяется.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

5 × 2 =