Как создать автоматическое удаление нерабочих скриптов в WordPress для ускорения сайта

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

Почему важно удалять неиспользуемые скрипты в WordPress

Каждый подключённый скрипт или CSS-файл увеличивает время загрузки страницы, требует дополнительных HTTP-запросов и ресурсов браузера. Если скрипты подключены на всех страницах без необходимости, это замедляет сайт и ухудшает SEO. Регулярное автоматическое удаление неиспользуемых скриптов помогает:

• Уменьшить время загрузки страниц.
• Снизить нагрузку на сервер и браузер.
• Повысить оценку Core Web Vitals.
• Избавиться от конфликтов между плагинами и темами.

Ручной поиск и отключение скриптов — трудоёмкий процесс, особенно если сайт большой. Рассмотрим, как автоматизировать этот процесс.

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

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

В Clearfy есть модуль «Оптимизация загрузки», который автоматически отключает неиспользуемые скрипты WooCommerce, редактора Gutenberg, emoji и других встроенных элементов WordPress. Его можно настроить под конкретные страницы и роли пользователей.

Для начала работы с Clearfy Pro:

1. Установите и активируйте плагин через wp-admin.
2. Перейдите в раздел «Оптимизация» → «Оптимизация загрузки».
3. Активируйте автоматическое отключение скриптов и настроек под ваш сайт.
4. Проверьте работу сайта, отключая по одному модули для выявления критичных зависимостей.

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

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

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

function wpaction_disable_unused_scripts() {
    if ( !is_admin() ) {
        // Отключаем скрипт плагина, если не на странице магазина
        if ( !is_page('shop') ) {
            wp_dequeue_script('plugin-shop-script');
            wp_deregister_script('plugin-shop-script');
        }
        // Отключаем скрипт слайдера на всех страницах, кроме главной
        if ( !is_front_page() ) {
            wp_dequeue_script('slider-script');
            wp_deregister_script('slider-script');
        }
        // Аналогично для стилей
        if ( !is_single() ) {
            wp_dequeue_style('custom-single-style');
            wp_deregister_style('custom-single-style');
        }
    }
}
add_action('wp_enqueue_scripts', 'wpaction_disable_unused_scripts', 100);

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

Как определить ID скриптов и стилей для отключения

Чтобы узнать ID скриптов и стилей, которые загружаются на сайте, можно:

• Посмотреть исходный код страницы (ctrl+u) и найти подключаемые файлы.
• Использовать плагин Query Monitor, который показывает список всех подключенных скриптов и стилей с их ID.
• В коде плагинов и тем искать функции wp_enqueue_script и wp_enqueue_style — в них указывается ID.

Имея список ID, вы сможете корректно отключать ненужные ресурсы.

Автоматизация очистки через WP-Cron и WPAction

Если на сайте часто появляются новые скрипты (например, при установке новых плагинов), имеет смысл автоматизировать процесс очистки с помощью WP-Cron, чтобы запускать функцию проверки и отключения автоматически.

function wpaction_cron_cleanup_scripts() {
    // Логика проверки и удаления ненужных скриптов
    // Например, можно очистить кэш или отключить скрипты по определённым правилам
}

// Регистрируем событие в WP-Cron
if ( !wp_next_scheduled( 'wpaction_cron_cleanup_scripts_hook' ) ) {
    wp_schedule_event( time(), 'daily', 'wpaction_cron_cleanup_scripts_hook' );
}
add_action( 'wpaction_cron_cleanup_scripts_hook', 'wpaction_cron_cleanup_scripts' );

Также можно интегрировать этот подход с плагинами автоматизации, например, WPRemark, для более сложных сценариев управления ресурсами сайта.

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

Используйте локальную сборку скриптов

Иногда лучше собрать все необходимые JS и CSS в один файл и минимизировать их. Для этого подходят инструменты сборки (Webpack, Gulp). Это уменьшит количество запросов и сделает отключение ненужных скриптов ещё эффективнее.

Тестируйте сайт после отключения

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

Кэширование и CDN

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

Выводы

Автоматическое удаление нерабочих скриптов в WordPress — важный шаг к улучшению скорости и стабильности сайта. Используйте готовые решения, например, Clearfy Pro, или напишите собственный код, адаптированный под ваш проект. Регулярно анализируйте загрузку ресурсов и автоматизируйте процессы с помощью WP-Cron и плагинов автоматизации.