TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

2 465

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

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

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

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

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

Autoptimize – описание плагина и частоиспользуемые хитрости, доработки и решения
ПРИМЕЧАНИЕ . 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; } }

Источник записи:

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