DOM操作はブラウザの負担になる?
- DOM操作後に行われるレイアウト処理が重く時間がかかる場合がある
- DOM操作自体は大して重くない
- レイアウトの強制同期により著しくパフォーマンスが低下する場合がある
- DOM操作などの実行中にレイアウト処理が何度も走りパフォーマンスが低下する
- DOM操作後にレイアウト情報を参照するようなコードを書いていると,最新のレイアウト情報を参照しようとして起きる
- 再レンダリング後に呼び出されるrequestAnimationFrameを使ったり、DOM操作前にレイアウト情報を参照するようなコードを書く
- offsetLeft, getBoundingClientRect(), scrollTo(), scrollTop, focus(), select(), window.getComputedStyle()辺り