высокая латентность на событии с jquery

Question

мой webapp очень медленный, и я начинаю исследовать, чтобы найти причину. Я думаю, что я нашел проблему, но не решение. Я проанализировал консоль, и вы можете увидеть результат на экране. проблема возникает каждый раз, когда я нажимаю, есть латентность почти 1000 мс из-за события на клике. во-первых, я думаю, что из-за слишком большого количества событий нажмите на тело в моем коде, но, как вы видите, это всего лишь 0,3 и 1%, если общая стоимость), очень крошечный по сравнению с 97,71% от n.event.handler , Так что мой вопрос в том, откуда эта латентность?

в моем коде, есть много:

$('html').on('click', '.class', function(){ }); 

может быть слишком много?

Answer 1

Если вы думаете, что слишком многие из них:

$('html').on('click', '.class', function(){ }); 

вы можете попробовать и реорганизовать их в один обработчик:

$('html').on('click', function (e) { 

    if (e.target.classList.contains('class')) { 
     // e.target is the clicked element 
     // do something here 
    } 

    if ($(e.target).is('class2')) { 
    // you can wrap e.target into a jQuery object 
    // the same way you wrap this. 
    // do something else here 
    } 

}); 

Кроме того, в соответствии с ответом на вопрос this question, лет u должен удалить и добавить эти обработчики событий, если у вас много динамически созданных целей.