В WordPress jQuery — одна из ключевых библиотек, которую используют многие плагины и темы. Однако неправильная загрузка нескольких версий jQuery или загрузка библиотеки в неподходящее время часто приводит к конфликтам, замедлению сайта и ошибкам в работе JavaScript. В этой статье подробно разберём, как удалить лишние подключения jQuery, заменить их на нужную версию и избежать распространённых проблем.
Почему лишние загрузки jQuery вредят сайту WordPress
Часто встречается ситуация, когда тема или несколько плагинов подключают собственные версии jQuery, не используя встроенную в WordPress. Это ведёт к:
- конфликтам между версиями jQuery и плагинами;
- замедлению загрузки страниц из-за увеличения объёма загружаемых скриптов;
- ошибкам JavaScript, которые ломают функционал сайта.
Удаление лишних подключений и унификация версии jQuery позволяет повысить производительность, стабильность и безопасность.
Как проверить, откуда загружается jQuery на сайте
Для начала нужно определить, какие версии jQuery и откуда загружаются. Сделать это просто:
- Откройте сайт в браузере и нажмите F12 для открытия инструментов разработчика.
- Перейдите на вкладку Network и отфильтруйте по скриптам (JS-файлам).
- Найдите файлы с «jquery.js» или похожими названиями и посмотрите их URL — откуда они загружаются (wp-includes, плагины, внешние CDN).
Если вы видите несколько версий jQuery, это повод к их оптимизации.
Как удалить лишние подключения jQuery: практические решения
WordPress по умолчанию подключает jQuery из папки wp-includes. Если тема или плагин подключают свою версию, лучше от них избавиться. Для этого в файле functions.php вашей темы добавьте следующий код:
function wpabout_dequeue_extra_jquery() {
// Отключаем jQuery, подключаемую плагинами или темой, если она не зарегистрирована корректно
wp_dequeue_script('jquery-custom'); // пример, если плагин использует этот хендл
wp_deregister_script('jquery-custom');
// Можно добавить аналогичные вызовы для других хендлов
}
add_action('wp_enqueue_scripts', 'wpabout_dequeue_extra_jquery', 100);Замените 'jquery-custom' на реальные хендлы скриптов, которые вы нашли в инспекторе. Это позволит удалить лишние версии.
Для полной замены jQuery на более свежую или CDN-версию можно использовать такой код:
function wpabout_replace_jquery_with_cdn() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', 'https://code.jquery.com/jquery-3.6.0.min.js', array(), '3.6.0', true);
wp_enqueue_script('jquery');
}
}
add_action('wp_enqueue_scripts', 'wpabout_replace_jquery_with_cdn');Этот код отключит стандартный jQuery и подключит последнюю стабильную версию с CDN. Обратите внимание на параметр true в конце — это загрузка в футере, что улучшит скорость загрузки.
Использование плагинов для контроля jQuery и оптимизации скриптов
Если хочется решения без кода, есть несколько полезных плагинов:
- Clearfy Pro — в пакете есть инструменты управления загрузкой скриптов, в том числе возможность отключить лишние jQuery;
- Asset CleanUp — позволяет отключать скрипты на отдельных страницах;
- WP Rocket — кэширует и оптимизирует скрипты, помогает минимизировать конфликты;
- WPGPT — для разработчиков и экспертов, позволяет гибко управлять загрузкой сторонних скриптов и библиотек.
Инструменты из этих плагинов помогут выявить и отключить лишние версии jQuery без правки кода.
Как исправить ошибки, связанные с jQuery после удаления лишних подключений
После удаления нескольких версий jQuery иногда появляются ошибки в консоли, например, jQuery is not defined или ошибки плагинов, которые зависят от старой версии. Чтобы избежать этого, проверьте:
- Все скрипты, которые зависят от jQuery, должны быть загружены после неё.
- Используйте правильные зависимости в
wp_enqueue_script, например:
wp_enqueue_script('my-script', get_template_directory_uri() . '/js/my-script.js', array('jquery'), '1.0', true);- Если плагин не совместим с новой версией jQuery, попробуйте использовать jQuery Migrate или обновить плагин.
Для подключения jQuery Migrate добавьте в functions.php:
function wpabout_enqueue_jquery_migrate() {
wp_enqueue_script('jquery-migrate');
}
add_action('wp_enqueue_scripts', 'wpabout_enqueue_jquery_migrate');Резюме и рекомендации по работе с jQuery в WordPress
Для стабильной работы сайта и оптимальной скорости загрузки:
- Используйте встроенную версию jQuery WordPress, если это возможно;
- Удаляйте дублирующие подключения jQuery из тем и плагинов;
- Подключайте jQuery в футере для ускорения рендеринга страницы;
- Проверяйте совместимость плагинов с версией jQuery;
- Используйте инструменты из плагинов Clearfy Pro или Asset CleanUp для контроля скриптов без глубоких знаний кода;
- Регулярно тестируйте сайт после изменений, чтобы избежать ошибок JavaScript.
Если хотите быстро начать, рекомендуем ознакомиться с возможностями Clearfy Pro — этот плагин поможет упростить управление скриптами и повысить скорость сайта без лишних усилий.