「応答しないスクリプト」ポップアップを引き起こす多くの子を持つコンテナでJqueryが空になる

Question

私は約6000人の子供がいるコンテナを持っています。これに対してJquery.emptyを実行すると、より速いブラウザの1つで約2秒かかります。IE7/8では、スクリプトが応答しないことをユーザに通知し、そのオプションを停止するオプションがあります。この辺りの読み込み

は、私はいくつかの要素にjQueryのバインドされたオブジェクトを持っていると私はメモリリークを避けたいので、私はJquery.emptyを実行する必要があることを学びました。 「UIスレッド」を緩和するためのsetTimeoutに空を置く

が表示され、ポップアップを防ぐようには見えません。

私は私がこれをスピードアップするか、少なくともポップアップを抑制することができるいずれかのヒントを必要としています。いくつかの要素を削除しようとする必要がありますか、jquery.empty関数に何が影響しますか？私は2つに分けることができますか？

コード：

<div class="table"> 
    <a id="header1">header1</a> 
    <div id="content1"> 
     <a class="contenttext1">contenttext1</a> 
    </div> 
    <div id="content2"> 
     <a class="contenttext2">contenttext2</a> 
    </div> 
    ....content3 
    ....content4 
    .... 
</div> 

私はdiv.tableを空にしています：

DOM構造は以下の通りです。$を実行

$(".table").empty(); 

（ "表"）を見つけます（ "*"）。長さは.emptyコードを実行するために約2秒かかり6000

を与えます。コードを見ることなく、私は具体的なアドバイスを提供することはできません

Answer 1

が、私が最初にしているだろう二つのこと。 DOMからHTMLを空にしている繰り返しのコードは、できるだけ効率的になるように

1）あなたのセレクタを最適化します。 IE8 & IE7は他のブラウザよりも速度が遅いことで有名ですが、スクリプトを最適化することでこれを打ち消すことができます。

2.）IE8開発ツール（IE8 および IE8 Compat/IE7用）でプロファイラを実行し、結果にボトルネックがどこにあるかを分析します。