performance - 要素に ID がない場合、DOM 検索は高速になりますか?

Question

無数の要素を含むページがあります。ID を持つ要素の数を最小限に抑えると、ブラウザーはより効率的に動作しますか (たとえば、getElementById)、それとも違いはありませんか?

ありがとう。

Answer 1

通常、DOM は特殊なツリー状のデータ構造にロードされ、ツリーは高速検索用に設計されています。そのため、ページがメモリに格納されると、すべての検索が非常に高速になります。ファイル サイズが小さい場合、つまり ID なし = 文字数が少ない = バイト数が少ない場合、読み込み/解析は高速になります。しかし、すべてがメモリに読み込まれると、大した問題にはなりません。

また、ブラウザの JavaScript エンジンが getElementById() メソッドに実装するアルゴリズムの種類にも依存します。Chrome は IE や FF とは異なる方法で、またその逆も同様です。各ベンダーがブラウザーを実装する方法を制御できないため、この部分については心配しません。

要点は、ファイルサイズを小さく保つようにすることです。結局のところ、解析/検索プロセスのあるステップで文字列の一致が発生するため、長いノード名と ID よりも短いノード名と ID を優先してください。