私は上記の點(diǎn)について初心者であり、たとえば、最初にすべての js ファイルをロードしないなど、少ししか理解していません。専門家がより具體的な実裝方法を提供してくれることを願(yuàn)っています。 。 どうもありがとうございます!
1. 使用する必要があるすべての JS ファイルの依存関係を圧縮します。
2. オンデマンドでロードするとは、依存する必要がある JS ファイルをロードすることを意味します。
3. CDN を使用します。
データのキャッシュ、圧縮、コードのマージ
React に比べて、Angular は初回ロードが非常に遅いです。React はライフサイクルに基づいていつロードするかを決定できます。
主なものは、
1. 非同期読み込み
2. オンデマンドでの読み込み
3. データ キャッシュ (頻繁に更新されない靜的リソースのローカル キャッシュ、Ajax リクエスト キャッシュ)
4. ユーザー エクスペリエンスを向上させるための読み込みの追加です。
6. 圧縮マージ。
クライアントが高速化したい場合は、ファイル サイズ、リクエスト時(shí)間、コード実行効率に焦點(diǎn)を當(dāng)てる必要があり、モバイル端末では、畫像のハードウェア アクセラレーションにキャンバスを使用する、CSS レイアウトなどの問題にも注意を払う必要があります。効率やページのレンダリングなどに影響します
jsとcssを2つのファイルに圧縮してマージし、Alibabaで無料OSSを申請(qǐng)し、ファイルをアップロードします。
Chrome または ff で f12 をクリックすると、読み込みプロセス全體が表示されます
1. 靜的ファイルと動(dòng)的ファイルの數(shù)はいくつですか? 2. 各靜的読み込みステップと各動(dòng)的ステップに特別な異常はありますか? 3. 検討してください。 DNS解決やキャッシュの使用狀況、リクエストからレスポンスまでの遅延、送信処理、読み込み処理時(shí)の大きな非アクティブ時(shí)間に異常はないか
また、ネットワークとサーバー間の回線が安定しているか