传统网页的请求中，数据在服务器端加载到模板上，一步就可以完成。
单页面应用需要先下载框架，然后才能开始加载数据。
有什么办法减少请求次数，或是将这种串行加载变成并行的方法呢？
认证高级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 をパッケージ化し、非常に一般的に使用される遅延読み込みを行うことができます