JS-конфликты в WordPress: как быстро найти скрипт, который ломает сайт

JS-конфликты в WordPress: как быстро найти скрипт, который ломает сайт

Чаще всего проблема выглядит так: кнопки не кликаются, слайдер не листается, форма молчит, а в консоли красные ошибки. Не надо сразу выключать всю тему — конфликт обычно сидит в одном из скриптов плагина, темы или стороннего виджета.

Проверьте по шагам:
— откройте консоль браузера и найдите первую ошибку, а не последнюю;
— временно отключите оптимизацию JS: объединение, минификацию, отложенную загрузку;
— переключите тему на базовую и оставьте только нужные плагины;
— по одному включайте отключённые скрипты, пока поломка не вернётся.

Частый виновник — два разных скрипта, которые используют один и тот же объект или библиотеку. Ещё одна типовая причина — код, который запускается раньше, чем DOM успел загрузиться. Если видите ошибки вида is not a function, $ is not defined или Cannot read properties of null, ищите не “большой баг”, а конкретный файл и строку.

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

Лучший способ экономить время — менять один параметр за раз и сразу проверять результат.