大規模なDOMでクロムイベントトリガーに時間がかかります

Question

DOMのサイズが比較的大きく、エレメントのイベントをトリガーするときにクロームのパフォーマンスが大幅に低下することに気付きました。 1つのイベント：

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

は14msです。 （22.0.1229.92 m）

firefox 15.0.1とmsie 9で同じイベントがトリガーするのに1ミリ秒未満かかる！

要素はjqueryオブジェクトであり、キャッシュされているため、トリガーの前にDOMルックアップが発生しません。私は、あなたの質問にこれはないではない直接的な答えはゲイリーに

Answer 1

をconsole.time（）

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

誰かがこのような状況で光のビットを当てることができます

おかげ

を使用しています。

カスタムイベントに関する私の経験では、私はトリガー/ jqueryイベントの使用を避けるでしょう。

jQueryのバージョンによって異なります。トリガーがドームツリーを泡立て、かなり長い時間がかかります。 jQueryの1.3、.trigger（）のよう

」エドイベントバブルアップDOMツリー; イベントハンドラがイベントに.stopPropagation（）メソッドを ハンドラからfalseを返すか、呼び出すことにより、泡立ちを停止することができますイベントに渡されたオブジェクト 」 - 。trigger

私の個人的ソリューションは、ピーター・ヒギンズPubsubを使用することです。

jquerys 'on'のパフォーマンスの違いを示すjsperfテストを作成しました（青はpubsub、赤はjquery、Longerはより良い[operations per second]）。今から http://jsperf.com/peter-higgins-pubsub-vs-tiny-pubsub

それは、などのイベント、上にマウスをクリックするとなるとカスタムイベント、とjQueryを扱うとき、私はのpubsubを使う上。

ちょうど私の2セント。