Как избежать проблем с разносистемными скриптами в WooCommerce

Автор: Николай Фомин | Опубликовано: 27.05.2026

Диагностика проблемы: что такое разносистемные скрипты в WooCommerce и почему они мешают

В WooCommerce часто возникает ситуация, когда скрипты и стили подключаются на всех страницах сайта, включая те, где их использование не требуется. Это приводит к замедлению загрузки страниц, конфликтам JavaScript и ухудшению пользовательского опыта. Такие избыточные скрипты называются «разносистемными» (или ненужными в текущем контексте).

Пример: скрипты оформления корзины или оформления заказа загружаются на главной странице, где они не нужны.

Как проверить, что есть проблема с разносистемными скриптами

Используйте chrome://inspect или инструменты разработчика в браузере ( вкладка Network) для отслеживания загружаемых JS и CSS файлов.
Обратите внимание на вкладку «Performance» или «Coverage» в DevTools, чтобы понять, какие скрипты не используются на странице.
Проверьте скорость загрузки страниц с помощью Google PageSpeed Insights. Высокое время загрузки и блокирующие ресурсы — признак проблемы.

Пошаговое решение: как отключать ненужные скрипты WooCommerce на страницах без корзины и оформления заказа

WooCommerce использует стандартные хуки для подключения своих скриптов. Чтобы отключить их на ненужных страницах, нужно использовать фильтр wp_dequeue_script и wp_dequeue_style в сочетании с условными тегами WordPress.

Пример кода для functions.php темы или собственного плагина:

function dequeue_woocommerce_scripts_styles() {
    if ( ! is_cart() && ! is_checkout() && ! is_account_page() ) {
        wp_dequeue_script( 'wc-cart-fragments' );
        wp_dequeue_script( 'woocommerce' );
        wp_dequeue_script( 'wc-add-to-cart' );
        wp_dequeue_style( 'woocommerce-general' );
        wp_dequeue_style( 'woocommerce-layout' );
        wp_dequeue_style( 'woocommerce-smallscreen' );
    }
}
add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_scripts_styles', 99 );

Объяснение:

is_cart(), is_checkout() и is_account_page() — страницы, где должны оставаться скрипты.
Функции wp_dequeue_script и wp_dequeue_style снимают регистрацию и подключение скриптов и стилей.
Приоритет 99 нужен, чтобы код выполнился после подключения скриптов WooCommerce.

Как найти названия скриптов и стилей WooCommerce для отключения

Откройте исходный код страницы и найдите в секции <head> и перед </body> подключаемые файлы.
В админке используйте плагин Query Monitor для просмотра зарегистрированных скриптов и стилей.
Ищите префикс woocommerce, wc- в ID скриптов и стилей.

Проверка результата после внедрения

Чтобы удостовериться, что скрипты отключились там, где нужно:

Обновите главную страницу и посмотрите в инструментах разработчика (Network) — скрипты wc-cart-fragments.js, woocommerce.js и стили WooCommerce должны отсутствовать.
Перейдите на страницу корзины, оформления заказа и аккаунта — там скрипты должны присутствовать.
Проверьте работу функционала WooCommerce на страницах корзины и оформления заказа — не должно быть ошибок JavaScript.
Воспользуйтесь PageSpeed Insights для оценки улучшения скорости.

Частые ошибки и как их исправить

Отключение скриптов на нужных страницах: забыли добавить is_account_page() или другие важные страницы — нарушается функциональность. Проверяйте все страницы WooCommerce.
Неправильный приоритет хука: код срабатывает слишком рано, скрипты не отключаются. Используйте приоритет не ниже 99.
Зависимости скриптов: некоторые скрипты зависят друг от друга, отключение одного ломает другой. Отключайте только проверенные скрипты.
Кэширование: если после изменений скрипты не исчезают — очистите кэш браузера, плагина кэширования и CDN.

Практические советы по производительности и безопасности

Регулярно обновляйте WooCommerce и плагины, чтобы избежать конфликтов и уязвимостей.
Используйте Clearfy Pro для автоматического отключения ненужных скриптов и оптимизации сайта.
Соблюдайте правило минимального подключения: подключайте только то, что нужно на конкретной странице.
Проверяйте консоль браузера на наличие JS ошибок после любых изменений.

Сравнение подходов отключения скриптов WooCommerce

Метод	Плюсы	Минусы	Рекомендации
Отключение через wp_dequeue_*	Точный контроль, бесплатное решение	Требует технических знаний, риск отключить важные скрипты	Используйте на сайтах с кастомной темой, тестируйте на тестовом окружении
Плагины оптимизации (Clearfy, Asset CleanUp)	Удобный интерфейс, автоматизация	Иногда конфликтуют с другими плагинами, платные версии	Рекомендуется для пользователей без глубоких знаний PHP