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

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

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

Чтобы определить, какие скрипты и стили загружаются на странице, используйте инструменты браузера (Chrome DevTools — вкладка Network и Coverage) и плагины вроде Clearfy с функцией оптимизации загрузки ресурсов.

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

1. Определяем скрипты и стили, которые нужно отключить

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

2. Используем хук wp_enqueue_scripts с приоритетом 100 для отключения

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

function disable_unused_scripts_styles() {
    if ( ! is_front_page() ) {
        wp_dequeue_script( 'slider-script-handle' );
        wp_dequeue_style( 'slider-style-handle' );
        wp_deregister_script( 'slider-script-handle' );
        wp_deregister_style( 'slider-style-handle' );
    }
}
add_action( 'wp_enqueue_scripts', 'disable_unused_scripts_styles', 100 );

Замените slider-script-handle и slider-style-handle на реальные имена ресурсов. Их можно узнать через инспектор или функцию wp_print_scripts() с дебагом.

3. Отключение скриптов в админке и на фронтенде отдельно

Иногда нужно отключить ресурсы только на фронтенде или только в админке. Для этого применяется хук admin_enqueue_scripts или проверка is_admin().

function disable_admin_scripts() {
    wp_dequeue_script( 'admin-specific-script' );
}
add_action( 'admin_enqueue_scripts', 'disable_admin_scripts', 100 );

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

После внесения изменений очистите кэш браузера и кеш плагинов (если есть). Затем в Chrome DevTools на вкладке Network проверьте, что нежелательные файлы больше не загружаются на страницах, где они были отключены.

Также можно использовать расширение Coverage (в Chrome DevTools) для оценки загрузки CSS и JS и убедиться, что количество загружаемых байт уменьшилось.

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

• Неправильные имена handle: если указать неверный идентификатор скрипта или стиля, отключение не сработает. Проверьте имена через wp_print_scripts() или в исходном коде плагина/темы.
• Отключение важных скриптов: иногда отключают скрипты, которые нужны для работы функционала, это приводит к ошибкам JS или поломке интерфейса. Протестируйте ключевые функции сайта после изменений.
• Порядок действий и приоритет хука: если приоритет слишком низкий, отключение может не сработать, так как скрипты еще не зарегистрированы. Используйте приоритет 100 или выше.

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

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

Сравнение методов отключения неиспользуемых скриптов и стилей