Что значит данная таблица Listeners во вкладке Performance?
Есть вот такой кусочек кода:
function a(){
console.log('move');
}
document.addEventListener('mousedown', ()=>{
document.addEventListener('mousemove', a, false);
document.addEventListener('mouseup', (e)=>{
document.removeEventListener('mousemove', a);
}, {once: true});
}, false);
Я хочу чтобы при запуске страницы создавался EventListener на нажатие ЛКМ, который после выполнения начинает следить за тем, двигается ли мышь и поднял ли пользователь ЛКМ. После того как ЛКМ поднялась, EventListener для 'mousemove' и 'mouseup' удаляется и остается только для 'mousedown'. Сделал эту очистку чтоб не перегружать CPU лишними Listener'aми, но при тесте во вкладке Performance получается вот такая таблица:
Что означает желтая линия, и плохо ли это? Это количество активных Listener'ов? Или это количество учитывая остановленные и удаленные?
Буду благодарен если детально опишете проблему.
