javascript - 単一ページ Web アプリ。すべてのテンプレートを一度に読み込みますか?

Question

私は最初の単一ページ Web アプリ (Ruby を使用した JSON API を介した HTML5/javascript) を作成しています。私は mustache.js テンプレートを使用して、JSON API によって返された値をマークアップにプラグインしています。とすれば、

推奨されるプラクティスはどれですか?

1. 最初のリクエストで、すべての <script type="text/template"> テンプレートをページに配信します。
   1. JSON API を呼び出して値をプラグインする
2. ページの骨組みを納品し、
   1. テンプレートの Ajax
   2. JSON API を呼び出して値をプラグインする

ありがとう。

Answer 1

ページのサイズ、テンプレートの数、最初のリクエストのキャッシュ可能性などに応じて、どちらでも機能します。一般的に、私は 3 番目のオプションを好みます。

3. Webページの骨組みを納品し、

1. hogan.js を使用してテンプレートを JavaScript 関数にコンパイルし、単一の に連結しtemplates.jsます。
2. 結果のファイルをロードしtemplates.jsます (適切なヘッダーなどを使用して、ブラウザーがキャッシュを取得できるようにします)。
3. JSON API を呼び出して、値をプラグインします。