angular.js - AngularJS で作成された Web ページのアクセス速度を向上させるにはどうすればよいですか?

Question

1. AngularJS はアクセス時に多くの js ファイルを読み込む必要があり、携帯電話のネットワーク速度が遅い場合、読み込みに時間がかかる場合があります。
2. バックグラウンドの応答速度を改善します。Alibaba Cloud が 100Mps である理由はわかりません。バックグラウンド API を作成するのに 10 秒以上かかることがあります。 。 。
3. アクセス速度を向上させ、ユーザー トラフィックを節約するその他の方法

私は上記の点について初心者であり、たとえば、最初にすべての js ファイルをロードしないなど、少ししか理解していません。専門家がより具体的な実装方法を提供してくれることを願っています。 。 どうもありがとうございます！

Answer 1

1. 使用する必要があるすべての JS ファイルの依存関係を圧縮します。
2. オンデマンドでロードするとは、依存する必要がある JS ファイルをロードすることを意味します。
3. CDN を使用します。

Answer 2

データのキャッシュ、圧縮、コードのマージ

React に比べて、Angular は初回ロードが非常に遅いです。React はライフサイクルに基づいていつロードするかを決定できます。

Answer 3

主なものは、
1. 非同期読み込み
2. オンデマンドでの読み込み
3. データ キャッシュ (頻繁に更新されない静的リソースのローカル キャッシュ、Ajax リクエスト キャッシュ)
4. ユーザー エクスペリエンスを向上させるための読み込みの追加です。
6. 圧縮マージ。
クライアントが高速化したい場合は、ファイル サイズ、リクエスト時間、コード実行効率に焦点を当てる必要があり、モバイル端末では、画像のハードウェア アクセラレーションにキャンバスを使用する、CSS レイアウトなどの問題にも注意を払う必要があります。効率やページのレンダリングなどに影響します

Answer 4

jsの初回読み込み時は同期読み込みされますが、ホームページ上で不要な場合は非同期読み込みも可能です

Answer 5

jsとcssを2つのファイルに圧縮してマージし、Alibabaで無料OSSを申請し、ファイルをアップロードします。

Answer 6

Chrome または ff で f12 をクリックすると、読み込みプロセス全体が表示されます
1. 静的ファイルと動的ファイルの数はいくつですか? 2. 各静的読み込みステップと各動的ステップに特別な異常はありますか? 3. 検討してください。 DNS解決やキャッシュの使用状況、リクエストからレスポンスまでの遅延、送信処理、読み込み処理時の大きな非アクティブ時間に異常はないか
また、ネットワークとサーバー間の回線が安定しているか