Как удалить CSS стили плагинов WordPress без повреждения функционала

Автор: Владимир Фомин | Опубликовано: 03.04.2026

В процессе работы над оптимизацией сайта на WordPress часто возникает необходимость удалить ненужные CSS стили, которые подключают плагины. Эти стили могут замедлять загрузку страниц и влиять на производительность. Однако простое отключение стилей может привести к нарушению работы плагинов или отображению элементов без оформления. В этой статье разберём, как грамотно удалить CSS стили плагинов, сохранив их функциональность.

Почему важно удалять лишние CSS стили от плагинов

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

Удаление лишних стилей помогает:

Ускорить загрузку страниц;
Снизить нагрузку на сервер и браузер;
Избежать конфликтов стилей между плагинами и темой;
Повысить оценку производительности в сервисах типа Google PageSpeed Insights.

Однако при удалении CSS важно не сломать функционал плагина.

Как определить, какие CSS стили плагинов можно удалить

Для начала нужно выяснить, какие CSS файлы подключаются плагинами и где именно они используются.

Для этого воспользуйтесь инструментами разработчика в браузере (Chrome DevTools, Firefox Developer Tools):

Перейдите на страницу сайта, где используется плагин, и найдите в разделе <head> или внизу страницы теги <link rel="stylesheet"> с URL-адресами плагинов.
Отметьте CSS файлы, которые подключаются на всех страницах, даже там, где плагин не нужен.
Проверьте, какие из этих стилей влияют на внешний вид элементов плагина.

Можно также использовать плагины для аудита ресурсов, например, Query Monitor.

Способы удаления CSS стилей плагинов в WordPress

Метод 1. Использование функции wp_dequeue_style

Самый распространённый способ — программно отключить ненужные стили через хук wp_enqueue_scripts. Пример кода для удаления стиля плагина с хендлером plugin-style:

function wpskins_dequeue_plugin_style() {
  if (!is_page('contact')) { // Отключаем на всех страницах, кроме нужной
    wp_dequeue_style('plugin-style');
    wp_deregister_style('plugin-style');
  }
}
add_action('wp_enqueue_scripts', 'wpskins_dequeue_plugin_style', 100);

Здесь мы отключаем стиль, если пользователь не находится на странице с контактов. Это позволяет сохранить стили там, где они нужны.

Метод 2. Условное подключение стилей в плагине

Если вы разрабатываете собственный плагин или дочернюю тему, можно подключать стили только на нужных страницах:

function wpskins_enqueue_conditional_style() {
  if (is_singular('product')) {
    wp_enqueue_style('wpskins-product-style', plugin_dir_url(__FILE__) . 'css/product.css');
  }
}
add_action('wp_enqueue_scripts', 'wpskins_enqueue_conditional_style');

Этот способ предотвращает загрузку стилей на ненужных страницах.

Метод 3. Использование плагина Clearfy Pro для управления стилями

Плагин Clearfy Pro позволяет легко отключать стили и скрипты плагинов без кода. В интерфейсе можно выбрать, на каких страницах отключать CSS, что значительно упрощает работу.

Подробнее: Clearfy Pro на WPSHOP.RU

Как не повредить функционал при отключении стилей

При удалении CSS важно проверить, не ломается ли отображение элементов плагина. Для этого:

Тестируйте изменения на локальной версии сайта или на staging-сервере;
Используйте условные проверки, чтобы отключать стили только там, где они точно не нужны;
Оставляйте критичные стили, отвечающие за основной функционал и взаимодействие;
Если плагин использует JS, убедитесь, что скрипты не требуют определённых CSS классов.

Пример комплексного решения для удаления стилей плагина Contact Form 7

Contact Form 7 по умолчанию подключает свои стили на всех страницах. Чтобы отключить их повсеместно и подключать только на страницах с формой, используйте следующий код:

function wpskins_dequeue_cf7_styles() {
  if (!is_page(array('contact', 'support'))) { // Страницы с формами
    wp_dequeue_style('contact-form-7');
    wp_deregister_style('contact-form-7');
  }
}
add_action('wp_enqueue_scripts', 'wpskins_dequeue_cf7_styles', 100);

Этот код уберёт лишние стили, не нарушая работу форм на нужных страницах.

Дополнительные рекомендации

Для комплексной оптимизации загрузки стилей и скриптов:

Используйте плагин Clearfy Pro для управления ресурсами;
Минимизируйте и объединяйте CSS файлы;
Внедряйте критический CSS вручную или с помощью инструментов;
Используйте отложенную загрузку стилей (например, с помощью атрибута media="print", переключаемого на all через JS).

Правильный подход к удалению CSS стилей плагинов — это баланс между скоростью загрузки и сохранением стабильной работы сайта. Следуя рекомендациям выше, вы сможете добиться и того, и другого.