Как удалить ненужные стили и скрипты в WordPress для ускорения сайта

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

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

Почему важно отключать ненужные CSS и JS в WordPress

Каждый подключённый файл стилей и скриптов увеличивает время загрузки страницы, особенно если их много и они большие по размеру. Это влияет на скорость отображения контента (First Contentful Paint), что в свою очередь снижает позиции сайта в поисковой выдаче и ухудшает поведение посетителей.

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

Но как понять, какие именно файлы можно отключить, и как это сделать без потери функционала?

Как определить, какие стили и скрипты можно отключить

Используем инструменты разработчика браузера

Первый шаг — открыть сайт в браузере и запустить инструменты разработчика (обычно клавиша F12). Вкладка Network покажет все загружаемые ресурсы, включая CSS и JS файлы. Обратите внимание на размеры и время загрузки.

Вкладка Elements позволяет посмотреть, какие стили применяются к элементам страницы. Если вы видите, что по пути к файлу подключается, например, стиль плагина, который вы не используете на этой странице, его можно отключить.

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

Для упрощения процесса есть специальные плагины. Например:

Asset CleanUp: Позволяет настраивать подключение CSS и JS файлов на уровне страниц и постов. Очень удобен для выборочного отключения.
Perfmatters: Платный, но мощный инструмент для оптимизации загрузки и отключения ненужных скриптов.
Query Monitor: Помогает выявить, какие плагины добавляют скрипты и стили и когда они загружаются.

Эти инструменты помогут точно определить, что можно безопасно убрать.

Как программно отключать стили и скрипты в WordPress

Самый надёжный способ — использовать хуки WordPress wp_dequeue_style и wp_dequeue_script. Рассмотрим пример с темой и плагинами.

Пример отключения стилей и скриптов в functions.php

Добавьте в файл functions.php вашей дочерней темы следующий код:

function wpskins_dequeue_unused_assets() {
    if (is_front_page()) {
        // Отключить стиль плагина, не используемый на главной
        wp_dequeue_style('plugin-style-handle');
        // Отключить скрипт плагина
        wp_dequeue_script('plugin-script-handle');
    }
    if (is_page('contact')) {
        // Отключить стиль темы на странице контактов, если не нужен
        wp_dequeue_style('theme-style-handle');
    }
}
add_action('wp_print_scripts', 'wpskins_dequeue_unused_assets', 100);

Здесь plugin-style-handle и plugin-script-handle — это уникальные идентификаторы стилей и скриптов, которые вы можете узнать из кода плагина или через инструменты разработчика.

Приоритет 100 у хуков гарантирует, что вы отключаете файлы после их подключения.

Как найти хендлы (handles) подключаемых файлов

Если вы не знаете handle, можно временно добавить вывод в лог:

function wpskins_log_enqueued_assets() {
    global $wp_styles, $wp_scripts;
    error_log('Styles enqueued: ' . print_r(wp_list_pluck($wp_styles->queue, 'handle'), true));
    error_log('Scripts enqueued: ' . print_r(wp_list_pluck($wp_scripts->queue, 'handle'), true));
}
add_action('wp_print_scripts', 'wpskins_log_enqueued_assets');

После этого в debug.log вы увидите список всех подключённых стилей и скриптов, что поможет определить, что отключать.

Автоматизация отключения с помощью плагина Asset CleanUp

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

Плюсы:

Не нужно писать код
Визуальный контроль
Можно отключать по типам страниц

Минусы:

Может быть сложно для новичков
Иногда требует тщательной проверки, чтобы не сломать функционал

Особенности отключения стилей и скриптов в темах и плагинах

В некоторых случаях стили и скрипты подключаются динамически или через inline-код. Например, темы с конструктором страниц могут иметь зависимости, которые не очевидны. В таких случаях отключение может привести к ошибкам.

Чтобы избежать проблем:

Тестируйте сайт после каждого изменения
Используйте дочернюю тему для изменений
Делайте резервные копии

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

Расширенный пример: отключение скриптов по условию пользовательского типа

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

function wpskins_dequeue_for_guests() {
    if (!is_user_logged_in()) {
        wp_dequeue_script('heavy-script-handle');
        wp_dequeue_style('heavy-style-handle');
    }
}
add_action('wp_print_scripts', 'wpskins_dequeue_for_guests', 100);

Это поможет снизить нагрузку на посетителей и ускорить загрузку.

Итог

Удаление ненужных стилей и скриптов — мощный способ оптимизировать WordPress-сайт. Используйте инструменты браузера и плагины для анализа, а для отключения применяйте хук wp_dequeue_style и wp_dequeue_script. Тестируйте тщательно, чтобы избежать ошибок, и не забывайте о бэкапах.

Таким образом, ваш сайт на wpskins.ru будет работать быстрее и стабильнее, что положительно скажется на SEO и удобстве пользователей.