0
208
2019-01-06

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

В этом посте я расскажу вам о замечательном плагине Autoptimize, и как оптимизировать ваш сайт на WordPress с помощью данного плагина. Плюс мои личные, полезные заметки
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Autoptimize описание и работа с плагином

Autoptimize это плагин который ​​объединяет все Java Script скрипты и CSS стили, минимизирует и сжимает их, добавляет заголовки expires и кэширует их. Он также перемещает стили в верхнюю часть страницы и скрипты в нижний колонтитул.

Этот плагин WordPress даже минимизирует сам HTML-код, делая вашу страницу чрезвычайно легкой. Кроме того, существуют расширенные опции, которые позволяют адаптировать Autoptimize к конкретным потребностям вашего сайта.

Как использовать плагин Autoptimize

Войдите в вашу админ панель WordPress. Наведите указатель мыши на «Плагины» и нажмите «Добавить новый». В поле «Поиск» введите «Autoptimize» и нажмите «Поиск плагинов». Нажмите «Установить». После установки плагина нажмите «Активировать плагин». Перейдите в «Autoptimize»это пункт меню который находится в верхнем меню сайта. После перехода на страницу настроек нажмите на кнопку Для того что бы оптимизировать HTML код страниц сайта в разделе HTML включите «Оптимизировать код HTML»и «**Сохранять комментарии HTML**». В разделе «Параметры Javascript» включите «Оптимизировать код JavaScript». Если ваш файл .js приводит к ошибке сценария, вы также можете попробовать включить «Добавить try-catch обертывание?». В разделе «Опции CSS» включите «Оптимизировать код CSS». Вы также можете встроить свой CSS, чтобы страницы загружались быстрее. ПРИМЕЧАНИЕ. Этот параметр отлично подходит для небольших сайтов, но на самом деле он может замедлять работу сайтов с большим трафиком. Существует также возможность исключить определенный код CSS из плагина. ПРИМЕЧАНИЕ. Если Вы используете CDN для изображений НЕ включайте опцию «Создать данные: URI для изображений?». Это приведет к уменьшению количества запросов при загрузке вашего сайта, но заставит изображения обслуживаться через ваш источник, а не через CDN. Для использования плагина с CDN Введите свой CDN URL в поле «Параметры CDN»и нажмите кнопку «Сохранить изменения и очистить кэш».

ПРИМЕЧАНИЕ . CDN активируется при входе в корневой каталог блога CDN (например, http://cdn.example.com/). Если этот URL присутствует, он будет использоваться для всех сгенерированных Autoptimize файлов (т. Е. Агрегированных CSS и JS), включая фоновые изображения в CSS (если не используются data-uri).http://cdn.example.com/ ). Если этот URL присутствует, он будет использоваться для всех сгенерированных Autoptimize файлов (т. Е. Агрегированных CSS и JS), включая фоновые изображения в CSS (если не используются data-uri). Если вы хотите, чтобы ваши загруженные изображения также были в CDN, вы можете изменить upload_url_path в вашей конфигурации WordPress (/wp-admin/options.php) на целевой каталог загрузки CDN (например, http://cdn.example.net). /WordPress/wp-content/ uploads/). http : //cdn.example.com/wordpres/wp-content/ uploads/ ). Учтите, что это работает только для изображений, загруженных с этого момента, а не для изображений, которые уже были загружены. Autoptimize совместим с плагинами, такими как WP Super Cache и CDN Linker, которые обеспечивают более развитую функциональность перезаписи. Обратите внимание, что только у одного из этих плагинов должен быть включен CDN из-за возможных проблем с перезаписью.

Мои заметки для работы с плагином Autoptimize

Список наиболее часто исключаемых JS скриптов для поля

Exclude scripts from Autoptimize:

Список:

public-min.js - скрипт плагина popups

King Composer - используемые скрипты и стили на фронтенде

Список css стилей используемых King Composer:

kingcomposer.min.css
animate.css
icons.css
prettyPhoto.css
owl.theme.css
owl.arousel.css

Список js скриптов используемых King Composer:

kingcomposer.min.js
jquery.prettyPhoto.js
owl.carousel.min.js

Отключаем Autoptimize при работе в внешнем редакторе King Composer:

Код ниже был протестирован только с темой Helay, оригинал кода взят здесь: https://wordpress.org/support/topic/exclude-autoptimize-on-specific-pages/?replies=10 и здесь https://toster.ru/q/297775

Код:

add_filter('autoptimize_filter_noptimize','my_ao_noptimize',10,0);
function my_ao_noptimize() {
//$_SERVER['REQUEST_URI']
if (strpos($_SERVER['REQUEST_URI'],'2')!==false) {
return true;
} else {
return false;
}
}