Что значит данная таблица 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'ов? Или это количество учитывая остановленные и удаленные?

Буду благодарен если детально опишете проблему.


Ответы (0 шт):