Настройка плагина Autoptimize оптимизация wordpress сайта

Оптимизация сайта

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

 

Объединяет все скрипты и стили, минимизирует и сжимает их.

Кэширует и добавляет заголовки Expires.

Перемещает скрипты в футер для ускорения сайта.

Минимизация HTML кода.

Совместим с популярными плагинами WP Super Cache и HyperCache

Имеет достаточно простые настройки.

 

Установить плагин вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин wordpress

 

После установки и активации плагина, перейдите на страниц: НастройкиAutoptimize. Здесь рекомендуется поставить везде галочки, чтобы оптимизировать CSS, JavaScript и HTML коды. После чего сохраните изменения и очистите кэш.

 

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

 

У плагина имеются дополнительные настройки, чтобы увидеть их нажмите на кнопку – Show advanced settings.

 

– Force JavaScript in <head>, добавить JavaScript в хедер сайта для уменьшения вероятности возникновения ошибок в JS.

– Also aggregate inline JS, объединение JS и HTML кода.

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

– Add try-catch wrapping, включите данный параметр, если возникают ошибки в скриптах.

 

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

– Remove Google Fonts, не загружать шрифты google, если вы не пользуетесь ими, для ускорения.

– Also aggregate inline CSS, включите данный параметр, чтобы объединить CSS и HTML.

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

Inline all CSS, включение данной опции только для сайтов с низкой посещаемостью !

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

 

– CDN Base URL, оставьте без изменений. Здесь можно указать URL адрес для функции CDN – сеть доставки контента. Данная функция подключается отдельно в стороннем сервисе. Не обязательно.

– Save aggregated script/css as static files, стили и скрипты будут сохранены как статичные файлы. Не включайте данную функцию, если ваш сервер не правильно обрабатывает сжатия и истечения файлов.

 

Сохраните все сделанные изменения. Остались вопросы ? Напиши комментарий !

 

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

Укажите свой Email, если хотите получить ответ на почту!

  1. Любовь

    Добрый вечер!
    Спасибо, спасибо, спасибо…
    СпасибА !!!

    Конечно, есть ещё вопросы…но уже всё становится более легче, а исправлять остаётся всё меньше в настройках.
    Спасибо огормное

    Ответить
  2. Алеся

    а можно этот плагин деактивировать после того как он сделает своё дело?

    Ответить
    1. Илья Журавлёв автор

      Конечно можно деактивировать и удалить.

      Ответить
      1. Клим

        Может на момент написания стати и можно было удалять, то теперь определенно нельзя. Посмотрите сама, плагин лишь создает кеш измененных оригинальных файлов!

      2. Илья Журавлёв автор

        Если вы деактивируете плагин, то все функции тоже соответственно отключаться, это естественно. Обратного я не утверждал.

  3. Oleksii

    Нормально работает! Спасибо за статью! Проверял на своем блоге (считай установлен из коробки, без посещений и парой статей и плагинов по минимуму irun.kiev.ua, не сочти за раскрутку) – да, по PageSpeed дало “аж” +1 для моб и десктопной, НО!!! – по GTMetrix (gtmetrix.com/reports/irun.kiev.ua/KRHH9Bsr) вот что было: prntscr.com/cwnxnj, а вот что стало: prntscr.com/cwo19g
    Разница – просто разительная! Так что такой плагин как минимум – не помешает.

    Ответить
  4. Рамазан

    Вы мне очень помогли, Спасибо !

    Ответить
  5. Саша

    добрый. то есть это плагин можно отключить после применения? разве он не должен быть активен постоянно?

    Ответить
    1. Илья Журавлёв автор

      Данный плагин должен быть включен постоянно, если вы его используете.

      Ответить
      1. Клим

        Неоднозначный автор какой-то.

  6. Андрей

    Спасибо за советы, код стал лучше, но что еще посоветуете для улучшения? техадрес
    В частности поубирать

    И т.п.

    З,Ы, в качестве спасибо жму директ

    Ответить
    1. Илья Журавлёв автор

      У вас с сайтом явные проблемы, очень долго грузит. Рекомендую прочесть статью об ускорении сайта.

      Ответить
      1. Андрей

        Да вроде показывает менее секунды.

      2. Илья Журавлёв автор

        GZIP сжатие включено ? Базу данных чистили ?

      3. Андрей

        Да сайт тестирую, только поставил.

        Базу почистил

        А сжатие ошибку выдает

      4. Илья Журавлёв автор

        Надо проверить сжатие, возможно включено уже, тогда плагин ставить не надо. Плагинов много устанавливал на сайт за всё время ? Некоторые плагины оставляют следы после удаления, неиспользованные таблицы, засоряют базу данных – их нужно чистить вручную в самой базе данных MySQL в панели хостинга.

  7. Андрей

    плагинов мало ставил, в принципе все использую. Ничего не удалял

    Сжатие не работает.

    Web page compressed? No

    Ответить
    1. Клим

      Возможно вы имеете ввиду gzip. Этот плагин не влияет на такое сжатие.Автор смените капчу, жуть долго проверяет!

      Ответить
      1. Илья Журавлёв автор

        Не могу, спамом завалят, обычная капча не спасает.

  8. Оксана

    После установки этого плагина перестали работать счетчики посещаемости. Поэтому я его отключила.

    Ответить
    1. Илья Журавлёв автор

      Внимательно читайте настройки. Add try-catch wrapping – включите данный параметр, если возникают ошибки в скриптах. Если не поможет, отключите параметр – Оптимизировать код JavaScript.

      Ответить
  9. Игорь

    Илья добрый вечер! Установил я данный плагин, на свой сайт доску объявлений. Вроде все работает отлично. Но когда начал проверять, с другого браузера как сторонний пользователь начал публиковать тестовое объявление, то обнаружил что блокирует возможность загрузки фото! Загрузка должна происходить следующем образом: Нажимаешь на кнопку загрузки фото открывается открывается всплывающее окно, в котором следует выбрать нужное фото зарание загруженное на ПК. В общем плагин Autoptimize блокирует это всплывающее окно! Я думал что может браузер яндекс моросит, но попробовал и с хрома, та же самая песня! И пробовал как администратор, тоже самое! Отключил плагин всё нормально работает! Подскажите, пожалуйста, что нужно сделать, чтоб не блокировало всплывающее окно при загрузке фото?

    Ответить
    1. Klim

      Пробовали отключать оптимизацию кода JavaScript? Если после отключению все нормально смотрите какой скрипт реализует такую функцию и введите его в поле “Exclude scripts from Autoptimize”

      Ответить
    2. Илья Журавлёв автор

      Привет. Дело в том, что если у тебя включено GZIP сжатие, то тебе данный плагин вообще не нужен. Как проверить включено ли GZIP сжатие?

      Ответить
      1. Klim

        Автор GZIP сжатие это другое, оно как минимум не объединяет файлы стилей и скриптов в один. Ни какого конфликта не может быть. GZIP сжатие ни как не меняет структуру, в конечном итоге файла, в отличии от плагина.

      2. Илья Журавлёв автор

        Я не против, если нет конфликта. Но, просто даже некоторые плагины, например WP Super Cache и W3 Total Cache, рекомендуют не включать оптимизацию файлов в настройках, если на хостинге включено GZIP сжатие. Прямо в описании так написано. А Autoptimize не только объединяет но и сжимает файлы.

    3. Илья Журавлёв автор

      GZIP сжатие по умолчанию сжимает и CSS и JS и HTML. Из-за этого конфликт может быть, если ты ещё и плагин ставишь.

      Ответить
  10. Олег

    Добрый день, какой плагин лучше установить: “WP Clean Up” или “Autoptimize”?

    Ответить
    1. Илья Журавлёв автор

      Здравствуйте. Вообще-то это разные плагины. WP Clean Up обязательно нужно ставить и пользоваться им периодически, как минимум раз в месяц. Как с ним работать я показывал, смотрите здесь. Autoptimize не обязательный плагин, на любителя, он может оптимизировать исходный код, убрать не нужные теги и т.д.

      Ответить
  11. Olga

    Чем этот плагин лучше чем LiteSpeed Cache?

    Ответить
    1. Илья Журавлёв автор

      Ни чем не лучше. LiteSpeed как кэширующий плагин лучше конечно. Autoptimize плагин больше для оптимизации сайта.

      Ответить
  12. Надежда

    Илья, добрый вечер! Скорость загрузки сайта на мобильных по показателям PageSpeed практически нулевая. Установлен плагин W3 Total Cache. По ощущениям, после его установки скорость стала еще хуже. Даже не знаю, что предпринять и есть ли смысл ставить Autoptimize. Посоветуйте, пожалуйста, с чего начать?

    Ответить
    1. Илья Журавлёв автор

      Добрый день! Какой у вас ответ сервера, время? В Яндекс Вебмастере можно узнать, кнопка вверху справа Инструменты – Проверка ответа сервера. Если меньше секунды, значит у вас всё хорошо, проблем нет. Не важно, что там PageSpeed пишет. Я этот сервис вообще не использую. Вам нужно очистить и оптимизировать базу данных WordPress. Я для этого использую плагин Advanced Database Cleaner. Надо обязательно удалить все неиспользуемые таблицы, с этим будьте очень осторожны!

      Ответить
  13. Надежда

    Илья, добрый день. Я вчера подробно изучила тему на Вашем сайте https://info-effect.ru/dolgo-zagruzhaetsya-sajt-wordpress.html. Время ответа сервера 65 мс. Я тоже не отношусь фанатично к показателям PageSpeed. Но, если скорость на мобильных 2%, это явно проблемы. Базу данных давно собираюсь очистить, но побаиваюсь. Еще, скорее всего, есть куча ненужных фото в медиабиблиотеке. Но вычистить их тоже проблема.

    Плагин Media Cleaner работает как-то странно. Показывает к удалению файлы, которые явно используются на сайте. Я остерегаюсь им пользоваться. Вручную удалить все не получится. Так как видно только загруженные полноразмерные фото, а созданные WordPress (пресловутые настройки – миниатюры, средний и большой размеры) в библиотеке не отображаются.

    Ответить
    1. Илья Журавлёв автор

      65 мс – идеальная скорость! Быстрее чем у меня. Со скоростью у вас всё хорошо. У вас тема адаптивная, или для мобильных отдельная тема? Почему боитесь базу данных чистить? Это нужно делать обязательно и стабильно. Ненужные фото можно вручную удалить. Зайдите в библиотеку файлов, слева вкладка Медиафайлы. Вверху выберите фильтр Не прикреплённые. Вам покажут все фото, которые не прикреплены к записи или товару и т.д.

      То есть их можно смело удалять, если они нигде больше не используются. Я периодически так делаю. Можно сразу по несколько удалять, поставив галочку вверху слева. В настройках экрана, вверху справа, можно установить сколько должно файлов отображаться на одной странице. На счёт Google PageSpeed я уже высказывал своё мнение, можете посмотреть.

      Ответить
  14. Надежда

    Вот именно, скорость ответа сервера и показатели как-то не вяжутся друг с другом.
    Тема адаптивная. Базу данных боюсь чистить именно из-за предупреждений, чтобы не удалить не то. Фото не прикрепленные, но они могут где-то использоваться, но как узнать… Вот эта Ваша фраза что означает: …, если они нигде больше не используются. Вот это как узнать?

    Вот показатели tools.pingdom.com
    Page size
    7.7 MB
    Load time
    3.27 s
    Requests
    230

    F0 Reduce DNS lookups
    F0 Make fewer HTTP requests
    F0 Compress components with gzip
    F0 Add Expires headers

    Ответить
    1. Илья Журавлёв автор

      У вас тема адаптивная, значит и мобильный сайт открывается за 65 мс, у вас нет никаких проблем! Забейте на показатели PageSpeed, они ничего вам не дадут. Из-за каких предупреждений вы боитесь чистить БД? Вы должны это знать, вы же хозяин сайта, вы эти фото загружали или кто-то другой? У меня такое тоже бывает, я не помню используется фото где-то или нет. Но тогда я просто его не трогаю. 5-10 лишних фото это не страшно.

      Ответить
  15. Надежда

    Базу данных ни разу не чистила, может, поэтому боязно грохнуть сайт. Я хозяйка сайта и фото сама гружу. У меня приличное количество фото. Каждая карточка товара имеет галерею картинок по 4-5 штук. А еще категории товаров имеют изображения, метки. Садовые растения со всех ракурсов. И в статьях выводятся фото. Поэтому все не упомнишь. А если фото не прикреплено, это не означает, что оно не используется.

    Ответить
    1. Илья Журавлёв автор

      Чистка базы данных никак не может грохнуть сайт! Можно только черновики удалить и комментарии на модерации, по неосторожности. Я всё показывал и рассказывал, смотрите здесь – плагин Advanced Database Cleaner. А вот при удалении ненужных таблиц, да, сайт можно грохнуть! Для этого есть плагин специальный Plugins Garbage Collector. Но, в любом случае, особенно для чайников, делайте резервную копию сайта! Либо, спеца нанимайте.

      Ответить
  16. Надежда

    Илья, как всегда, спасибо за помощь!

    Ответить
    1. Илья Журавлёв автор

      Пожалуйста, пишите ещё, будем разбираться!)

      Ответить