タイトルとコンテンツの一部が互いに異なる多くのダイアログを含む Web ページがあります。
レンダリング速度 (互換性の問題は気にしません) に関しては、すべてのダイアログを HTML コード (実際には Twig テンプレート) に入れる必要がありますか?
または、ダイアログを 1 つだけ配置し、JavaScript を使用して、ユーザーがクリックしたボタンに応じて、タイトルとコンテンツを動的に編集する必要がありますか?
言い換えれば、大きな Web ページ (サイズ) と小さな Web ページのどちらが良いのですが、コンテンツの一部を生成するために JS を使用しますか?
読み込み時のドキュメントの準備に関しては、通常、すべてのダイアログを HTML にするのが最善です。を使用すると、HTML をかなりうまく圧縮できるgzipので、あまり心配する必要はありません。コンテンツ キャッシュを活用Last-Modifiedして管理することで、ネットワーク トラフィックをさらに削減できます。ETag
ダイアログを HTML 内に配置すると、検索エンジンがサイトをスクレイピングするため、SEO の利点が得られる場合があります。
スペクトルの反対側には、JavaScript を使用してすべてのダイアログ コンテンツが動的に読み込まれる、裸の HTML ページ (小さい) があります。JavaScript を使用してフォームを動的に構築するのは特に便利だとは思わないので、私は通常、HTML、CSS、および JS を一度にロードするコンポーネント ローダー システムを実装します。このようにして、お気に入りのエディターを使用して HTML を維持できます。外観をうまく管理すれば、ユーザーは負荷にあまり気付かないでしょう。
おそらく、真ん中の何かを選ぶことができます。頻繁に使用されるダイアログは HTML 内にありますが、あまり使用されないダイアログはオンデマンドで読み込まれます。最終的には、ユーザー エクスペリエンス、つまりサイトの速度をユーザーがどのように認識するかがすべてです。