Плагин Autoptimize

Ускорению загрузки сайта способствует плагин Autoptimize. Долго на моих сайтах скорость загрузки была низкой, особенно на сайте о даче. В сервисе Гугла – «проверки скорости загрузки» — PageSpeed Insights, ставятся для блогера сложные задачи. Справится с ними под силу только опытному программисту. На сервисе очень хорошие подсказки, по улучшению скорости загрузки. Блогеру нужно подумать, как найти решение проблемы. С подсказкой PageSpeed Insights об оптимизации изображений справилась с помощью плагина WP Smush. Далее следуют рекомендации о включении сжатия. У меня для сжатия периодически менялось несколько бесплатных плагинов кэширования, они справлялись со своей функцией лишь частично.

плагин autoptimize

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

Далее нужно сократить JavaScript.  Удалить из верхней части страницы коды JavaScript и CSS, блокирующие изображения.  Стала искать бесплатный плагин, нашла Autoptimize, установила, и сразу получила положительные результаты.

Принцип работы плагина заключается в следующем: скрипты и стили он объединяет, кэширует и перемещает в верхнюю часть файла. Все .js файлы вначале вырезает, уменьшает их, затем объединяет в один файл и перемещает в конец кода. Этот оптимизированный файл хранится на сервере. На него есть ссылка в конце кода сайта, перед закрывающим </body>. Создатели плагина рекомендуют установить дополнительные плагины кеширования  WP Super Cache  или HyperCache.

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

Скачать Autoptimize можно здесь Найдем его в настройках админпанели. На основной вкладке отметим ряд чекбоксов.

  • Оптимизировать код html.
  • Сохранить комментарии htmlэ
  • Оптимизировать код  JavaScript?
  • Оптимизировать код CSS? После отметки этого чекбокса внешний вид сайта о доме и даче у меня совершенно развалился. Была дочерняя красочная тема, подходящая для яркой дачи. Однако пришлось пестротой пожертвовать и перейти в основной шаблон, имеющий деловой стиль. К даче теперь тема не подходит, однако скорость загрузки сайта важнее.
  • Следующий чекбокс плагина Autoptimize звучит, как «стили в голове» — для  JavaScript – этот чекбокс не отмечаю, потому что хочу, чтобы  файл был перенесен вниз. Эта настройка перенесет .js вниз документа.
  • Строка об исключении сценариев  настроек не требует.
  • Добавить попытку разорвать код .js — отмечала, потом  удаляла, в конечном итоге отметку удалила.
  • Опцию о формировании данных для изображений, непосредственно в CSS не активирую.
  • Удалить шрифты Гугла — отмечаю.
  • После отметки чекбокса о совокупном CSS, встроенном в код html, сохраняю настройки. Сразу проверяю скорость загрузки сайта в сервисе PageSpeed insights. В результате вижу, что скорость несколько снизилась. Появилось только семь выполненных правил, / было 8/. Поэтому отметку этого чекбокса убираю. На моих сайтах этот чекбокс не стоит отмечать и встраивать файлы CSS, непосредственно в код HTML.
  • Название строки «о линейных и Defer CSS»? Подразумевает, что CSS будет загружаться после загрузки всей страницы. После отметки этого чекбокса скорость загрузки сразу увеличилась. Вначале появляется страшненький файл, без красок,  который через секунду приобретает вид красивой страницы блога. Мне лично такой вариант загрузки просто неприятен, отмечать не стала.
  • INLINE все CSS? При отметки этого чекбокса, скорость моего сайта замедлилась, потому оставляю его без отметки.
  • Исключить из CSS админ – бар — строка отметки не требует.

Далее следует информация о кэше, из которой можем узнать о количестве и объеме кэшированных страниц.

Можно сохранить агрегированный скрипт / CSS как статический файл, но только в том случае, если сервер обрабатывает сжатые файлы со сроком действия. У меня со сроком действия проблемы, не знаю, как эти сроки отметить, А мой хостинг считает, что это мои заботы. Поэтому здесь чекбокс не отмечаю.

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

В сервисе PageSpeed остались замечания:

  • О сокращении времени ответа сервера
  • Об использовании кэш браузера для конкретных статических ресурсов. Эти вопросы ждут своего решения.
  • Автор: Ксенья Юрьевна Бастрикова

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

  • Скачала плагин, попробую и я что-то сделать со скоростью на сайте. Мне кажется Гугл слишком придирается и если слушать его замечания, и исправлять их, то времени ни на что не останется.

  • Просто вкалывать надо жёстко, что тут, что где угодно, тогда и профит будет.

  • Считаю, что для работы плагина слишком много ручной работы. И потом, вы уверены, что дело в скорости вашего сайта, может дело в скорости соединения? Меня это никогда не беспокоило!

  • «Много Ручной работы, вы имеете ввиду, что много настроек, так это же вначале так кажется, на самом деле настраивается быстро.

  • Ну не знаю, у меня лично особых никаких проблем с работой плагина не было. Если всё настроить по-человечески, то и у вас проблем не должно быть.

  • Веду свой блог и как много не знаю. Про сервис PageSpeed Insights, например. Проверила свой блог — есть ошибки… Ксения Юрьевна, Вы предлагаете плагины для сжатия изображений и плагин Autoptimize — они постоянно должны быть активированы или сделать определённую работу и отключить?

  • Чтобы не быть голословной, проверила скорость загрузки вашего сайта, она действительно низковата: 52/100 — для мобильных и 63/100 для компьютеров. Скорость моих сайтов значительно выше.

  • Никогда не доверял плагинам для увеличения скорости. Все это в 95% случаев бесполезно и слишком много надо прописывать самому.

  • Возможно вы правы, Дмитрий, от плагина мы хотим больше, чем он может дать. Но что делать, если ты не программист? У меня скорость загрузки хорошo возросла.

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

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