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