2017-02-20 13 views
1

多くのhtml要素の更新が必要なプロジェクトで作業しています。問題は、ハイエンドのマシンでも、私が望むパフォーマンスよりも遅くなっていることです。今私が各更新を行うとき、私のブラウザ(chromeとfirefoxの両方)はページを再解析しようとします。HTML解析の統合または一括処理

Many small html updates turn into a lot of browser work

私は「私がそう言うまで、ちょっと私は、HTMLの更新の束をやっているつもりです、再解析を気にしない」ブラウザを伝えることができる方法はありますか?

答えて

1

JavaScript実行は、ブラウザが再描画を実行するのをブロックしますが、リフローはブロックしません。これは、ブラウザが要素の位置を再計算する必要がある場合に発生します。 cloneNodeを使用して変更する必要があるノードのクローンを作成し、新しいノードを変更してそれらを一度にDOMに挿入することをお勧めします。

これは非常によく似た質問です。How to freeze web browser's repaints while changing visibility of elements?

関連する問題