Одной из частых причин замедления загрузки сайта на WordPress является наличие неиспользуемых или устаревших скриптов и стилей. Они грузятся на всех страницах, даже там, где не нужны, увеличивают время ответа сервера и снижают общую производительность. В этой статье разберём, как автоматически обнаруживать и отключать такие скрипты, используя код и плагины, что поможет ускорить ваш сайт.
Почему важно удалять нерабочие скрипты и стили
Типичный сайт WordPress может подключать десятки JavaScript и CSS файлов. В процессе добавления плагинов и тем многие из них остаются подключёнными на всех страницах, даже если функционал используется только в одной части сайта.
Это приводит к:
- Увеличению времени загрузки страниц;
- Повышенной нагрузке на сервер;
- Плохому юзабилити из-за задержек отображения контента;
- Понижению SEO-показателей из-за скорости загрузки.
Удаление неиспользуемых скриптов помогает решить эти проблемы и сделать сайт быстрее и удобнее для пользователей.
Как определить неиспользуемые скрипты и стили
Для начала нужно понять, какие именно скрипты на вашем сайте можно отключить. Для этого можно использовать несколько подходов.
Использование инструментов браузера
В Google Chrome откройте DevTools (F12), перейдите во вкладку Network и обновите страницу. Так вы увидите, какие скрипты и стили загружаются.
Далее во вкладке Coverage (через меню More Tools) можно проверить, какие части CSS и JS реально используются на странице. Это поможет выявить неиспользуемый код.
Плагины для анализа
- Asset CleanUp — позволяет просматривать все подключённые скрипты и отключать ненужные на отдельных страницах.
- Perfmatters — имеет встроенный функционал отключения скриптов и стилей и улучшения производительности.
Однако ручное управление может быть утомительным, поэтому рассмотрим автоматизацию.
Автоматическое отключение скриптов через код
Можно написать функции, которые на основе условий будут отключать загрузку скриптов и стилей без необходимости вручную управлять каждым из них.
Пример кода для WPAction: отключение скриптов на страницах, где они не нужны
function wpaction_dequeue_unused_scripts() {
if ( !is_page('kontakt') ) { // если не страница контактов
wp_dequeue_script('contact-form-7'); // отключаем скрипт формы
wp_dequeue_style('contact-form-7');
}
if ( !is_singular('product') ) { // если не страница товара WooCommerce
wp_dequeue_script('woocommerce');
wp_dequeue_style('woocommerce');
}
}
add_action('wp_enqueue_scripts', 'wpaction_dequeue_unused_scripts', 100);В этом примере мы отключаем загрузку скриптов плагина Contact Form 7 и WooCommerce на страницах, где они не используются. Такой подход можно расширить под любые нужды.
Динамическое отключение на основе проверки контента
Если плагин или тема подключают скрипты глобально, но вы хотите отключать их только если контент не содержит определённые короткие коды или блоки, можно использовать следующий приём.
function wpaction_conditional_dequeue() {
global $post;
if ( !isset($post) ) return;
// Проверяем наличие шорткода [gallery]
if ( !has_shortcode($post->post_content, 'gallery') ) {
wp_dequeue_script('gallery-script');
wp_dequeue_style('gallery-style');
}
}
add_action('wp_enqueue_scripts', 'wpaction_conditional_dequeue', 100);Такой подход особенно полезен для отключения мощных плагинов или тем, которые грузят ресурсы на всех страницах.
Плагины для автоматической оптимизации скриптов
Если не хотите писать код, можно использовать специальные плагины, которые автоматизируют процесс.
Asset CleanUp
Позволяет просматривать все подключённые скрипты и стили, отключать их на отдельных страницах или глобально. Имеется бесплатная и PRO версия.
Ссылка: Asset CleanUp на WPSHOP
Clearfy Pro
Помимо множества функций для оптимизации, Clearfy Pro помогает отключать ненужные скрипты и стили, управлять загрузкой ресурсов и улучшать производительность.
Ссылка: Clearfy Pro на WPSHOP
Советы по безопасному отключению скриптов
При отключении скриптов важно не сломать функционал сайта, особенно если скрипт необходим для работы формы, корзины или других элементов. Рекомендуется:
- Тестировать изменения на тестовой версии сайта;
- Использовать условные проверки (is_page, is_singular и др.);
- Делать резервные копии перед правками;
- Проверять консоль браузера на ошибки после изменений.
Заключение
Удаление неиспользуемых скриптов и стилей — мощный метод ускорения сайта WordPress. Комбинация анализа через DevTools, использование плагинов и написание кастомного кода для автоматического отключения позволит значительно повысить производительность и улучшить пользовательский опыт.
Используйте приведённые примеры кода из WPAction и плагины с WPSHOP — это проверенные инструменты для качественной оптимизации.