さまざまな方法の速度をテストし、html要素をDOMに動的に追加します。私はテスターを構築しましたhere(コードは動作していますので、かなり汚れています)。結果は(非常に)色々なブラウザで異なりますが、ChromeはスピードとOperaの良い点をすべて獲得していますが、ここでは問題にはなりません。FirefoxでinnerHTMLが遅いのはなぜですか?
Firefoxでは、divを削除したときに問題が検出されました(childNodesから)。いくつかの50.000 div要素が追加されると、それはここで起こっているだけで
[div].innerHTML = "";
を使用して、クリアするために年齢を取りますか? firefoxはこのためにいくつかの本質的なガベージコレクションメソッドを実装しましたか?
はい、完全にDocumentFragmentsを逃しました!新しいアイデアを、ありがとう。ブログのリンクもあります。 – KooiInc
そのblogpostについて完全に忘れました。私に思い出させてくれてありがとう。 –
古い質問ですが、私はこの男は、私が知っているコンボ方法の最初の出版のための信用を値すると思う。これは現代のJIT搭載ブラウザではそれほど重要ではないかもしれませんが、それでも私が知る限り大きく動作します:http://blog.stevenlevithan.com/archives/faster-than-innerhtml –