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

Однако не все получается сделать малым напрягом. Недавно мне понадобилось отслеживать элемент на странице и я был очень недоволен производительностью setInterval('alert("прошла секунда")', 1000). Казалось, будто бы выхода нет, однако нашлась альтернатива. Написать пришлось больше кода, зато страница стала жрать меньше процессора.

Вот как оно запиливается.

Занесем в переменную target целевой объект, который хотим отслеживать

Создаем новый наблюдатель за мутацией

Занесем в переменную config настройки (в примере будет отслеживаться не только цель но и все вложенное в него)

Запускаем наблюдателя


Если вам надо callback и остановку наблюдения - курите доки про MutationObserver.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.