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.com/
). /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 - скриптипт
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:
Код:
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;
}
}