DOM サイズ

DOM は、ページの HTML 要素のツリーです。 DOM が大きすぎるか、深くネストされている (ノード数が数千) と、レンダリング、レイアウト、JavaScript 操作が遅くなります。

DOM が大きいと、メモリと CPU の使用量が増加し、特にモバイルでの対話性とスムーズさが悪化します。これは、肥大化したテンプレートまたは冗長なラッパーの症状である傾向があります。

1. 1構造を簡素化します。不要な <div> ラッパーを削除します。
2. 2長いリスト/テーブルの場合は、ページネーションまたは仮想化を使用します。
3. 3必要のない非表示のコンテンツをロードしないでください (オンデマンドでレンダリング)。