На данный момент плагин Autoptimize остается одним из самых востребованных для оптимизации сайтов в WordPress комьюнити. Количество его установок стремительно приближается к 1 000 000. Данное расширение помогает снизить количество http запросов, что сокращает время ожидания при загрузке страниц. Вам стоит знать, что от этого напрямую зависит и лояльность посетителей к вашему ресурсу, и его место в поисковой выдаче.
Table of Contents
Как работает Autoptimize
Сайт ускоряется путем объединения воедино всех подключаемых стилей и скриптов. При этом .css разместятся вверху, а .js в конце HTML страницы, которую также можно сжать если сократить не играющие никакой технической роли разрывы, переносы и пробелы.
Для этого в Основных настройках плагина следует поставить галочки напротив каждой опции и сохранить настройки.
Однако вы, скорее всего, зададите вопрос: а что будет с темами и плагинами, установленными на сайте? Вопрос важный.
Подводные камни
Полная оптимизация стилей и скриптов может негативно сказаться на правильном отображении расширений и тем. Поэтому необходимо исключить скрипты в Autoptimize, влияющие на корректную работу сайта.
Сделать это можно во вкладке Дополнительных настроек. Открываем ее.
Перед вами появляется окно расширенных настроек для JS и CSS по отдельности. На картинке ниже выделена строчка: в нее вводим путь к директории в корне сайта, где находится «скрипт-исключение».
По нашим наблюдениям, блогеру или владельцу сайта, который мало разбирается в скриптах будет сложно правильно с первого раза ввести необходимые значения в строку исключений. Обычно за помощью они идут на тематические форумы WordPress. Либо в службу техподдержки плагина. Это занимает время. В случае ошибочного отключения нужного скрипта если не откатить настройки, то тема или плагин во время поиска решения работать не будут. Мы предлагаем вам отключать скрипты и стили не повсеместно, а точечно.
Как исключить из оптимизации скрипты в Autoptimize
Упростить себе задачу и не прописывать каждый раз пути к директориям со скриптами можно с помощью бесплатного плагина Clearfy. Он прекрасно дополняет большинство расширений для оптимизации, безопасности и производительности сайтов на WordPress. Либо отдельный аддон к Clearfy – Assets manager.
Рассмотрим установку расширения на примере Clearfy и заходим в меню настроек.
Для работы нам понадобится менеджер скриптов. Его следует включить в разделе «Компоненты»
По умолчанию, менеджер скриптов будет активен. Но если вам кажется, что он не включен, откройте раздел Производительность и если там окажется Менеджер скриптов, значит он готов к настройке.
Отключите неиспользуемые скрипты и стили. В админбаре есть кнопка под названием “Менеджер скриптов”, если на нее нажать, вы увидите список загружаемых скриптов и стилей на текущей странице вашего сайта.
Перейдите в менеджер скриптов и вы увидите список скриптов и стилей с возможностью их отключения точечно (индивидуально). В том числе по отдельности работать со скриптами для плагинов, ядра WordPress и тем сайта.
На изображении ниже показано, что оптимизация стилей и скриптов включена. И если после настроек плагина Autoptimize ваши плагин или тема выдают ошибку и отображаются некорректно, тогда следуют отключить часть настроек индивидуально, переключив кнопку с «Да» на «Нет».
А вот оптимизация каких именно скриптов повлияла на работоспособность вашего ресурса вы узнаете только благодаря методу последовательного их отключения.
Заключение
Мы рассмотрели с вами несколько вариантов удаления скриптов и стилей JS и CSS, которые могут перегружать ваш сайт. Но делать это необходимо выборочно. Тотальное отключение скриптов может привести к некорректной работе расширений, тем и ядра WordPress. И скорее всего то, как можно разрешить эту ситуацию с помощью ввода адресов директорий в список исключений вам не показалось самым удобным решением. Наиболее правильным вариантом может оказаться помощь плагина Clearfy в том, чтобы исключить из оптимизации скрипты в Autoptimize.