私は非常に厳しいリソース制限を持つ HTML + JavaScript アプリケーションを作成しています。これはブラウザで何年も (何日もかかることがあります。キオスク モードと考えてください) 実行され、モバイル デバイスでも変更なしで実行されます。また、スクロールなどを使用してさまざまなコンテンツを表示するのは、1 つの HTML ページ、つまり DOM です。
=>リソース（CPU、RAM）を無駄にしないようにする必要があります
現在、そのようなアプリケーション/ページの「外部」エディターが使用できるフックを作成して、コンテンツを変更するときに WYSIWYG プレビューを表示できるようにしています。ここで、ページ上の要素に対処する必要があります。要素とはdiv、さらに DOM 要素を含むものですが、エディターがアドレス指定できる最小単位です。(この長時間実行されるページには、おそらく 100 から 1000 の要素があると想定できます)
- これで、実行時にアルゴリズムによって「パス」によって指定された関連要素を見つけることができました（エレガントではありませんが、インタラクティブな環境ではルックアップ時間は問題ありません）。
idまたは、個々のパスを含む要素にHTML 属性を追加することもできます。(これにより、プログラムがより明確になり、ルックアップが非常に高速になります)
idしかし、非常に多くの要素に属性を与えることのリソースへの影響はわかりません...
どのくらいの RAM が必要ですか? それぞれ文字列といくつかのポインターのみですか？
それとも、ブラウザーに新しくて重い内部構造をたくさん作成するのでしょうか?