Как удалить CSS стили от подключённых плагинов WordPress для оптимизации загрузки

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

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

Большинство плагинов подключают свои стили глобально и без возможности отключения через настройки. Это приводит к следующим проблемам:

• Увеличение общего объёма загружаемых CSS файлов;
• Блокировка рендеринга страницы браузером из-за лишних стилей;
• Возможные конфликты CSS, если стили плагинов переопределяют темы сайта;
• Сложности при оптимизации и кэшировании.

Удаление ненужных стилей позволяет уменьшить размер загружаемых ресурсов, повысить скорость загрузки и улучшить SEO-показатели.

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

Первый шаг — понять, какие именно CSS файлы подключены плагинами и на каких страницах они реально нужны. Для этого используйте инструменты разработчика в браузере (F12) или специальные плагины для анализа ресурсов, например, Query Monitor.

Обратите внимание на пути подключаемых стилей. Обычно они находятся в папках плагинов, например:

/wp-content/plugins/plugin-name/assets/css/style.css

Далее определите, на каких страницах плагин реально используется. Например, если плагин отвечает за форму обратной связи на странице контактов, стили нужны только там.

Удаление CSS стилей плагинов с помощью кода в functions.php

Самый универсальный способ — использовать хук wp_enqueue_scripts с приоритетом, чтобы отписаться от стилей плагина.

Пример кода для удаления CSS стиля плагина contact-form-7 на всех страницах, кроме страницы с ID = 42:

function wpskins_remove_plugin_css() {
    if (!is_page(42)) {
        wp_dequeue_style('contact-form-7');
        wp_deregister_style('contact-form-7');
    }
}
add_action('wp_enqueue_scripts', 'wpskins_remove_plugin_css', 20);

Здесь 'contact-form-7' — это идентификатор стиля, который можно узнать через инструменты разработчика или в исходном коде плагина.

Как найти идентификатор стиля

Откройте исходный код страницы, найдите ссылку на CSS плагина, затем через поиск по коду плагина в каталоге WordPress найдите функцию wp_enqueue_style с этим идентификатором.

Удаление стилей с помощью плагинов оптимизации

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

• Asset CleanUp — позволяет отключать CSS и JS на конкретных страницах через удобный интерфейс.
• Clearfy Pro — среди множества функций есть управление загрузкой стилей и скриптов.

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

Пример удаления CSS стилей плагина WPForms на страницах без формы

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

function wpskins_dequeue_wpforms_css() {
    if (!is_singular()) return; // Проверяем, что это отдельная запись или страница
    global $post;
    if (strpos($post->post_content, '[wpforms') === false) {
        wp_dequeue_style('wpforms-full');
        wp_deregister_style('wpforms-full');
    }
}
add_action('wp_enqueue_scripts', 'wpskins_dequeue_wpforms_css', 20);

Этот код проверяет наличие шорткода WPForms в содержимом страницы и отключает стили, если формы нет.

Советы по безопасному удалению CSS плагинов

• Всегда делайте резервную копию сайта перед изменениями.
• Проверяйте работу плагинов на страницах после удаления стилей.
• Используйте дочернюю тему для внесения изменений в functions.php.
• Тестируйте сайт в разных браузерах и на мобильных устройствах.

Заключение

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

Для удобства управления стилями и другими оптимизациями используйте продукты Clearfy Pro и Asset CleanUp.