リダイレクトするとページの読み込みが遅くなります。 リダイレクトされたリソースをブラウザがリクエストすると、 サーバーは通常、次のような HTTP レスポンスを返します。
HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location
その後、ブラウザは新しい場所で別の HTTP リクエストを行う必要があります。 リソースを取得します。 このようにネットワークを何度も走行すると、読み込みが遅くなる可能性があります。 自動的にスケールします。
Lighthouse の複数リダイレクトの監査で不合格になる仕組み
灯台 複数のリダイレクトがあるページには、フラグを付ける必要があります。
ページが 2 回以上リダイレクトされている場合、この監査は不合格となります。
リダイレクトを排除する方法
フラグ付きリソースへのリンクの参照 リソースに対して現在地を表示できます リソースでのリダイレクトを避けることが特に重要 クリティカル レンダリング パスに必要です。
リダイレクトを使ってモバイル ユーザーをモバイル版のページにリダイレクトしている場合、 サイトを再設計して レスポンシブ デザイン。
スタック固有のガイダンス
対応
React Router を使用している場合は、<Redirect> コンポーネントの使用量を最小限に抑えます。
ルート ナビゲーション。