[解決済み] 無限スクロールや多くのdom要素でのパフォーマンス？

質問

私は、大きなドムエルメネットとパフォーマンスについて質問しています。

例えば、ページ上に 6000 の dom 要素があり、ユーザーがページとインタラクトすると（ユーザーがスクロールして新しい dom 要素を作成する）、要素の数が twitter のように増加することがあるとします。

ページのパフォーマンスを向上させるために、私は2つのことしか思いつきません。

1. リフローを避けるために、不可視のアイテムに display を none に設定する。
2. domから不可視項目を削除し、必要に応じて再追加する。

多くの dom 要素を持つページを改善する他の方法はありますか？

どのように解決するのですか？

私自身は経験がないのですが、ここにいくつかの素晴らしいヒントがあります。 http://engineering.linkedin.com/linkedin-ipad-5-techniques-smooth-infinite-scrolling-html5

Facebook を見てみましたが、Firefox では特に何もしていないようです。スクロールしても、ページの上部にある DOM 要素は変わりません。Firefox のメモリ使用量は、Facebook がそれ以上のスクロールを許可しない前に、約 500 メガまで上昇します。

Twitter は Facebook と同じように見えます。

Google Maps は話が違います。視界から外れたマップ タイルは DOM から削除されます (ただし、すぐにではありません)。