Как удалить локальные стили в WordPress для оптимизации загрузки

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

Что такое локальные стили в WordPress и почему их стоит удалять

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

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

• Уменьшить количество HTTP-запросов;
• Снизить общий вес страницы;
• Избежать конфликтов CSS;
• Улучшить Core Web Vitals и SEO.

Но важно делать это аккуратно, чтобы не сломать внешний вид сайта.

Как узнать, какие локальные стили загружаются на сайте

Для начала нужно понять, какие CSS-файлы подключаются. Для этого можно использовать инструменты разработчика браузера (вкладка Network или Sources) и плагины, например, Query Monitor.

В Query Monitor во вкладке "Scripts & Styles" можно увидеть все подключённые скрипты и стили, а также определить, откуда они загружаются (тема, плагин).

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

Как удалить стили через функции темы — пример кода

В WordPress стили подключаются с помощью функции wp_enqueue_style. Чтобы отключить конкретный стиль, используют wp_dequeue_style и wp_deregister_style. Ниже пример, как удалить локальный стиль плагина или темы:

function wptemy_dequeue_local_styles() {
    // Пример: отключаем стиль с идентификатором 'plugin-slider-style'
    wp_dequeue_style('plugin-slider-style');
    wp_deregister_style('plugin-slider-style');

    // Отключаем стили темы, если нужно
    wp_dequeue_style('theme-local-style');
    wp_deregister_style('theme-local-style');
}
add_action('wp_enqueue_scripts', 'wptemy_dequeue_local_styles', 20);

Параметр приоритет 20 в хуке нужен, чтобы выполнить удаление после подключения стилей.

Удаление стилей условно — только на определённых страницах

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

function wptemy_conditional_dequeue_styles() {
    if (!is_front_page()) {
        wp_dequeue_style('plugin-slider-style');
        wp_deregister_style('plugin-slider-style');
    }
}
add_action('wp_enqueue_scripts', 'wptemy_conditional_dequeue_styles', 20);

Такой подход убережёт главную страницу от лишних стилей, но сохранит их там, где они действительно нужны.

Пример: удаляем стили плагина WPStories на страницах без историй

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

function wptemy_remove_wpstories_styles() {
    if (!is_singular('wpstories_story')) { // Проверяем, что это не страница истории
        wp_dequeue_style('wpstories-style');
        wp_deregister_style('wpstories-style');
    }
}
add_action('wp_enqueue_scripts', 'wptemy_remove_wpstories_styles', 20);

Это уменьшит нагрузку на страницы без историй, ускорит загрузку и снизит конфликты стилей.

Используем плагин Clearfy для управления загрузкой стилей

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

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

Рекомендации по удалению локальных стилей в WordPress

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

Заключение

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

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