<b>JS-конфликты в WordPress: как найти скрипт, который ломает страницу</b>

<b>JS-конфликты в WordPress: как найти скрипт, который ломает страницу</b>

Чаще всего проблема выглядит так: кнопка не кликается, слайдер не листается, форма молчит, а в консоли сыпятся ошибки. Первый шаг — открыть DevTools и посмотреть, какой файл падает первым. Именно первая ошибка обычно цепляет всё остальное.

Дальше проверьте типовые причины:
• два одинаковых скрипта подключены плагинами или темой;
• библиотека загружается раньше зависимостей;
• jQuery вызывается в noConflict, а код написан как будто его нет;
• минификация или объединение файлов ломает порядок загрузки.
Если ошибка исчезает при отключении одного плагина, ищите конфликт между его JS и темой.

Полезный приём — отключать скрипты не «вслепую», а по одному: сначала сторонние виджеты, потом анимации, потом всё, что подключено в footer. Если проблема только на конкретной странице, сравните список подключаемых файлов с рабочей страницей. Часто виноват один лишний хук wp_enqueue_script или дублирующий inline-скрипт.

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

Не лечите конфликт «ускорением» сайта: сначала добейтесь чистой консоли, потом возвращайте оптимизацию по одному шагу.