1

私は、小さな Web アプリ用の優れた jTemplates プラグインを多用しています。

現在、最初のページの読み込み時にすべてのテンプレートを DOM に読み込みます。

アプリが成長するにつれて、私はますます多くのテンプレートを手に入れました.現在、約100kbの価値があります.

私のアプリはすべて ajax ベースであるため、最初のページの読み込み後にページを更新する必要はありません。最初はすべてのテンプレートが DOM にロードされるまでに数秒の遅延がありますが、その後はアプリの応答性が非常に高くなります。

私は疑問に思っています: この状況では、最初のページの読み込み時にすべてのテンプレートを一括読み込みするのではなく、jTemplates の processTemplateURL メソッドを使用して必要に応じてテンプレートを遅延読み込みすることには大きな利点がありますか?

(最初のページの読み込みに余分に 2 秒または 3 秒かかることは気にしません。つまり、最初のページの読み込みの遅延以外に、DOM に大量の html テンプレート データを読み込まない理由があるのではないかと思います。 ? DOM に大量のデータを保持すると、何らかの形でパフォーマンスに影響しますか?)

（事前に）ご協力いただきありがとうございます。

4

3 に答える 3

0

メモリを節約して速度を向上させるために、DOM を最適化する必要があります。ただし、時期尚早の最適化を避けることが重要です。

ターゲット プラットフォームは何ですか? ユーザーが使用する可能性が最も高いブラウザは?

たとえば、主にデスクトップ PC を対象としており、ユーザーが最新のブラウザーを実行している場合は、コードの明快さと単純さを優先する必要があります。

たとえば、デスクトップ PC をターゲットにしているが IE6 をサポートする必要がある場合、DOM 要素が多すぎるとパフォーマンスに影響するため、一連の最適化を検討する必要があります。

ただし、最新のブラウザーをターゲットにしているが、帯域幅が狭い地域 (クルーズ船など) では、帯域幅の考慮事項が DOM の考慮事項よりも重要になる場合があります。

iPhone や iPad などをターゲットにしている場合、メモリは (CPU と同様に) 不足しているリソースであるため、必ずDOM を最適化する必要があります。さらに、モバイル デバイスでは、帯域幅の問題により、他の何よりも AJAX ペイロードの最適化に重点を置くことになります。AJAX 呼び出しの数を減らすことと、DOM 要素を節約することにさらに重点を置きます。たとえば、帯域幅を考慮して AJAX 呼び出しの数を減らすために、より多くの DOM 要素をロードしたい場合があります。繰り返しになりますが、適切なバランスを判断できるのはあなただけです。

したがって、答えは次のとおりです。依存します。高速接続の最新のブラウザー環境では、DOM が非常に巨大にならない限り、時期尚早に最適化する必要はありません。低速接続またはモバイル環境では、DOM 最適化の前に帯域幅最適化を重視しますが、DOM ノード数も最適化します。

于 2011-03-23T05:14:23.803 に答える