リダイレクトを使用すると、ページの読み込み速度が遅くなります。ブラウザがリダイレクトされたリソースをリクエストすると、通常、サーバーは次のような HTTP レスポンスを返します。
HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location
ブラウザは、リソースを取得するために、新しい場所に別の HTTP リクエストを送信する必要があります。この追加のネットワーク トラフィックにより、リソースの読み込みが数百ミリ秒遅れる可能性があります。
Lighthouse の複数のリダイレクト監査が不合格になる仕組み
Lighthouse では、複数のリダイレクトを含むページにフラグが設定されます。
リダイレクトが 2 つ以上あるページは、この監査で不合格となります。
リダイレクトを排除する方法
フラグが立てられたリソースへのリンクを、リソースの現在の場所に設定します。クリティカル レンダリング パスに必要なリソースでリダイレクトを回避することが特に重要です。
リダイレクトを使用してモバイル ユーザーをモバイル バージョンのページに誘導している場合は、レスポンシブ デザインを使用するようにサイトを再設計することを検討してください。
スタック固有のガイダンス
Drupal
リダイレクトを行うと、ページの読み込みにさらに時間がかかる可能性があります。Redirect モジュールがインストールされている場合は、不要なリダイレクトを確認して削除します。詳細
対応
React Router を使用している場合、ルート ナビゲーションで <Redirect> コンポーネントの使用を最小限に抑えます。