私は1ページのアプリケーションを作成しています。ページが最初に提供されるとき、私はページに注入しているJSON文字列を含む多くのDOM要素を含んでいます。パフォーマンスのために未使用のDOM要素を削除する
ページがクライアントに読み込まれるとき、最初に起こるのは、これらのDOM要素がjsonからjavascriptオブジェクトに解析されてから再び使用されることがないことです。
DOMから削除してサイズを小さくするとパフォーマンスが向上しますか？私はこの側面に関する決定的なデータは見つけていません。 infoの場合、これらの要素のサイズは約500Kです。
ご意見ありがとうございます。
あなたはDOMからJSONを引くかどうか、あなたはJSONオブジェクトを含むため、この手法を検討するかもしれないの独立：
<script type='text/json' id='whatever'>
{ "some": "json" }
</script>
ブラウザは完全にその埋め込まれた文字列のために当然のを除いて（これらのスクリプトの内容を無視しますJSONシリアライザがどうにか対処したいと思うようなものとして私に出てくる</script>のように見えるので、アンパサンドと物事が埋め込まれたプロンプラムにぶつかる危険はありません。これはおそらくパフォーマンス自体の勝利でしょう。ブラウザはおそらく、<script>ブロックの終わりを探しているよりも、実際のコンテンツだと思うものを見ているよりも簡単です。内容はそのまま.innerHTMLで得ることができます。
はDOM からそれらを削除し、そのサイズを小さくすることにパフォーマンス上の利点があるだろうか？
DOMのパフォーマンスに関しては、一般的に、DOMとやりとりすることが少ないほど良いでしょう。
セレクタがdomをトラバースすることを覚えておいてください。非効率なセレクタを使用するとパフォーマンスが低下しますが、可能な限りクラスまたは属性ではなくIDで要素を選択すると、良いパフォーマンスが得られます無関係なマークアップ項目を削除したかどうかにかかわらず、ページから削除されます。ページが最初に提供しています
、それは情報については、 これらelemntsのサイズがおよそ500Kです....私はページに注入していたJSON文字列を含む 多くのDOM要素が含まれています。
ページの読み込みでは、すべてのデータを転送する必要があります。あなたがjsonだけを転送する方法を見つけることができれば、それは助けになるかもしれません。事実の後に削除すると、この特定の問題は解決されません。
+1は「別に転送する」のため – Bergi
あなたの洞察のためにアップしました。私はjsonの文字列を頭の中の
あなたは、いくつかのテストケースを設定し、タイムトライアルを行うことができます。 – TheZ
これらの要素は何ですか？彼らが身体にない場合、それらを削除することは本当に必要ではないかもしれません - 一度DOMが解析されると、それは解析されます。 – Dancrumb
DOMに一時的なポップアップやツールチップのHTMLを保存するのと同様のケースがあります。それらをきれいにすることは有益ですか？ – Halcyon