以上几点,本人菜鸟,只是略微有些了解,比如不要第一次加载所有js文件等等,希望有高手能给出一点更具体的实施的措施,十分感谢!
1. 使用する必要があるすべての JS ファイルの依存関係を圧縮します。 2. オンデマンドでロードするとは、依存する必要がある JS ファイルをロードすることを意味します。 3. CDN を使用します。
データのキャッシュ、圧縮、コードのマージ
React に比べて、Angular は初回ロードが非常に遅いです。React はライフサイクルに基づいていつロードするかを決定できます。
主なものは、1. 非同期読み込み2. オンデマンドでの読み込み3. データ キャッシュ (頻繁に更新されない静的リソースのローカル キャッシュ、Ajax リクエスト キャッシュ) 4. ユーザー エクスペリエンスを向上させるための読み込みの追加です。 6. 圧縮マージ。 クライアントが高速化したい場合は、ファイル サイズ、リクエスト時間、コード実行効率に焦点を当てる必要があり、モバイル端末では、画像のハードウェア アクセラレーションにキャンバスを使用する、CSS レイアウトなどの問題にも注意を払う必要があります。効率やページのレンダリングなどに影響します
jsの初回読み込み時は同期読み込みされますが、ホームページ上で不要な場合は非同期読み込みも可能です
jsとcssを2つのファイルに圧縮してマージし、Alibabaで無料OSSを申請し、ファイルをアップロードします。
Chrome または ff で f12 をクリックすると、読み込みプロセス全体が表示されます1. 静的ファイルと動的ファイルの数はいくつですか? 2. 各静的読み込みステップと各動的ステップに特別な異常はありますか? 3. 検討してください。 DNS解決やキャッシュの使用状況、リクエストからレスポンスまでの遅延、送信処理、読み込み処理時の大きな非アクティブ時間に異常はないかまた、ネットワークとサーバー間の回線が安定しているか
1. 使用する必要があるすべての JS ファイルの依存関係を圧縮します。
2. オンデマンドでロードするとは、依存する必要がある JS ファイルをロードすることを意味します。
3. CDN を使用します。
データのキャッシュ、圧縮、コードのマージ
React に比べて、Angular は初回ロードが非常に遅いです。React はライフサイクルに基づいていつロードするかを決定できます。
主なものは、
1. 非同期読み込み
2. オンデマンドでの読み込み
3. データ キャッシュ (頻繁に更新されない静的リソースのローカル キャッシュ、Ajax リクエスト キャッシュ)
4. ユーザー エクスペリエンスを向上させるための読み込みの追加です。
6. 圧縮マージ。
クライアントが高速化したい場合は、ファイル サイズ、リクエスト時間、コード実行効率に焦点を当てる必要があり、モバイル端末では、画像のハードウェア アクセラレーションにキャンバスを使用する、CSS レイアウトなどの問題にも注意を払う必要があります。効率やページのレンダリングなどに影響します
jsの初回読み込み時は同期読み込みされますが、ホームページ上で不要な場合は非同期読み込みも可能です
jsとcssを2つのファイルに圧縮してマージし、Alibabaで無料OSSを申請し、ファイルをアップロードします。
Chrome または ff で f12 をクリックすると、読み込みプロセス全体が表示されます
1. 静的ファイルと動的ファイルの数はいくつですか? 2. 各静的読み込みステップと各動的ステップに特別な異常はありますか? 3. 検討してください。 DNS解決やキャッシュの使用状況、リクエストからレスポンスまでの遅延、送信処理、読み込み処理時の大きな非アクティブ時間に異常はないか
また、ネットワークとサーバー間の回線が安定しているか