La activación de eventos de Chrome demora años en DOM grande

Question

Tengo un DOM relativamente grande y he notado una increíble degradación del rendimiento en Chrome al activar eventos en un elemento. Un único por ejemplo evento:

myElem.trigger('myevent.myscope',arguments); 

toma 14ms !! (22.0.1229.92 m)

¡el mismo evento en firefox 15.0.1 y msie 9 tardan menos de 1ms en activarse!

El elemento es un objeto jquery y se ha almacenado en caché por lo que no hay búsqueda de DOM antes del desencadenador. Estoy usando console.time()

console.time('trigger'); 
myElem.trigger('myevent.myscope',arguments); 
console.timeEnd('trigger'); 

Puede alguien arrojar un poco de luz sobre esta situación

Gracias

Gary

Answer 1

Esto no no es una respuesta directa a su pregunta.

Pero en mi experiencia con respecto a los eventos personalizados, evitaría el uso de eventos trigger/jquery.

Dependiendo de la versión de jQuery. El disparo burbujea en el árbol dom, esto puede tomar bastante tiempo.

"A partir de jQuery 1.3, .trigger() eventos ed burbuja hasta el árbol DOM; un controlador de eventos puede detener el burbujeante devolviendo falsa desde el controlador o llamando al método .stopPropagation() en el evento objeto pasado al evento "-. trigger

Mi personalmente solución es usar Peter Higgins Pubsub.

creé una prueba jsperf que muestra la diferencia en el rendimiento de jquerys 'on' (azul es pubsub, el rojo es jQuery, más largo es mejor [operaciones por segundo]); http://jsperf.com/peter-higgins-pubsub-vs-tiny-pubsub

A partir de ahora yo uso pubsub cuando se trata de eventos personalizados, y jQuery cuando se trata de hacer clic, ratón sobre, etc eventos.

Just my 2cents.