私はこの比較的大きな Web アプリを持っています。これは、ビジネス ロジックの ajax 呼び出しを含む単一のページです。
現在、すべての css および js ファイルをロードし、次に ajax を使用してページの実際のコンテンツをロードする小さな html ファイルがあるため、1 つのページをロードするのに 15 個の html ファイルが必要です (各 html ファイルは、メインのhtmlページ。
いくつかのファイルは保守が簡単ですが、私の質問は次のとおりです。パフォーマンス/ユーザーエクスペリエンスの点でどちらが優れていますか?
現在のままにしておく (いくつかのファイルが非同期でロードされた) または、「コンパイル」時 (デプロイ時) にすべてのファイルを結合するスクリプトがありますか?
単一の html ファイルを使用する方がネットワーク パフォーマンスの点でより効率的であることは理解していますが、一方で小さなファイルはより速く読み込まれ、残りのコンテンツは「読み込み」ダイアログの後に読み込まれます。
スクリプトがブロックして順次ロードするため、ファイルを少なくするか、遅延ロードを使用することをお勧めします。並列ダウンロードには通常、ドメインごとの制限がありますが、私はそれが何であるかを一生思い出せません。
本番環境では、スクリプトの単一のペイロードとすべてのスタイルシートを一緒にコンパイルすると、パフォーマンス上のメリットが得られる可能性があります。また、出力を縮小することも検討します。YahooCompressorとGoogleClosureProcessorは、これを実現するために使用できる2つのツールです。
これにより、ブロックを停止するためのテクニックについて詳しく説明します... http://www.stevesouders.com/blog/2009/04/27/loading-scripts-without-blocking/
JavaScriptに限定されないいくつかのパフォーマンスのヒント...
http：//developer.yahoo.com/performance/rules.html