従来の Web ページ リクエストでは、データはサーバー側のテンプレートにロードされ、1 ステップで完了できます。
シングルページ アプリケーションは、データのロードを開始する前にフレームワークをダウンロードする必要があります。
リクエストの数を減らす方法、またはこのシリアル読み込みを並列メソッドに変える方法はありますか?
PHP中文网2017-05-15 16:52:28
完璧な解決策は、最初の画面をサーバー側でレンダリングすることですが、Angular はこれが苦手なようで、実際の解決策を見たことがありません
少し悪いことに、少なくともサーバーはページの最初の画面データを吐き出すことができます
さらに、いくつかの基本的な CSS テンプレートと JS のコンパイルとマージは最も基本的なものでなければなりません
阿神2017-05-15 16:52:28
gulpツールを使用する
css をファイルに、js をファイルに、テンプレートを js ファイル ($templateCache) にパックし、js ファイルと一緒にパッケージ化できます。
それから
です
1 HTML をダウンロードします (最初のリクエスト、純粋に静的なページには、いくつかの Angular テンプレート コンテンツが含まれる場合があります。このページはすぐに応答するはずです)
2 CSS をダウンロード (1 回のリクエスト)
3 JavaScript ファイルとテンプレート js ファイルをダウンロードします (1 回のリクエスト)
4 角度レンダリング ページ
合計 3 つのリクエストと他の Ajax リクエストが完了しました。
怪我咯2017-05-15 16:52:28
オンデマンドでロードできるrequireJs + angularJsAMDを使用することをお勧めします。
リンク転送: https://github.com/marcoslin/angularAMD
我想大声告诉你2017-05-15 16:52:28
angularjs は圧縮後 170 kb 以上になります。モバイル側にある場合は、PC 側でも考慮する必要があります。 。 Teambition フロントエンドの m リソースを見てみると、それは単なる読み込みではありません。
大家讲道理2017-05-15 16:52:28
ビジネスとデザインから始めて、grunt などの一般的に使用されるツールは、1 回限りの読み込み用に lib.min.js をパッケージ化し、非常に一般的に使用される遅延読み込みを行うことができます
