HTMLで大量の要素にID属性を指定した場合のデメリットについて

Question

HTMLを構築する時に、大量のタグに対してID属性を付与していった場合、何か犠牲となるような部分や、デメリットなどはあるのでしょうか？
例えばDOMツリーを構築する際に、IDと要素のハッシュなどが構築されて、多くのメモリを要する…など？
実際に自分で試してみればよいのですが、もしご存知の方がおりましたらお教えいただきたく。よろしくお願い致します。

Answer 1

仕様や設計は読んでいないので、DOMツリーメモリに常駐するのかキャッシュになってHDD上にあるのかは知らないのですが、何らかの物理的リソースを消費していることは確実です。
ただ、画像でさえ数キロ～数百キロバイトはありますので、たった数バイトのIDを1000個減らしたところで画像一枚分にもなりません。
また件数が多いとIDの検索を行う際に物理的な時間が増加しますが、数十万ID等で無い限り特に問題にはならないと思います。

問題はそういう物理的な部分ではないと思います。
もともとユニークな個を特定するためにIDを振っていると思いますが、数が増えると特定が困難になります。あるIDの要素に変更を加えるスクリプトを書くとして、無目的＆不規則にIDを付与してしまって「人間」が、全てのIDがユニーかどうか自信が持てなくなっていては本末転倒となります。
他にも「全ての変数をグローバル変数にすると問題がありますか？」という命題と似たような、論理的な不便を生じると思います。

きちんと管理されているならば、IDが多いことに神経質になる必要は無いと思いますが、
固体認識しなければいけない要素が物理リソースを心配しなければならないほど氾濫してしまっているならば、設計に拙いところがないかまず見直すべきかもしれません。

Comments

[hirohiro]

投稿した後で遅いですが質問主旨と微妙にずれてしまっていますね。失礼しました。
メモリ上でどのように管理されているのかは存じません。
でも共通の仕様に実装面まで書かないでしょうし、実装(ブラウザ開発者)側に依存しているかもしれませんね。

[fumokmm]

hirohiroさん、ご回答ありがとうございます。
今回はjQueryにて数万件のデータにアクセスする際のパフォーマンスを向上させたいというのが最終目的でした。「jQueryにて操作する要素を特定するセレクタではIDセレクタが最速」との情報を目にしたことがあり、今回の疑問に至りました。
hirohiroさんのご回答を読ませていただき、IDの管理手法についての考え方がとても参考になりました。感謝致します。
実際に試してみてどうなるかを最終的にわたしの回答として載せたいと思います。

[hirohiro]

>　「jQueryにて操作する要素を特定するセレクタではIDセレクタが最速」
なるほどー。奥が深いですね。検索したらこんなページありました。
http://millkeyweb.com/jquery-high/

さらに何故IDが早いのかはこういう理由のようです。
http://qiita.com/hosomichi/items/25064020f199e35d65db
IDでの検索だけ処理工程が少なくて単純なんですね。
しかし数万件の要素の詰まったHTMLって凄く...重そうですね。