リダイレクトすると、ページの読み込み速度が遅くなります。 リダイレクトされたリソースをブラウザがリクエストすると、サーバーは通常、次のような HTTP レスポンスを返します。
HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location
その後、ブラウザは新しい場所で別の HTTP リクエストを実行してリソースを取得する必要があります。このネットワーク経由の移動により、リソースの読み込みが数百ミリ秒遅れることがあります。
Lighthouse の複数リダイレクトの監査が失敗する仕組み
Lighthouse では、次のような複数のリダイレクトがあるページを確認できます。
ページに 2 つ以上のリダイレクトがある場合、この監査で不合格になります。
リダイレクトをなくす方法
フラグが設定されたリソースへのリンクは、リソースの現在のロケーションにリンクします。クリティカル レンダリング パスに必要なリソースのリダイレクトを回避することが特に重要です。
モバイル ユーザーをモバイル版のページに誘導するためにリダイレクトを使用している場合は、レスポンシブ デザインを使用するようにサイトのデザインを変更することをご検討ください。
スタック固有のガイダンス
対応
React Router を使用している場合は、ルート ナビゲーションでの <Redirect>
コンポーネントの使用を最小限に抑えます。