複数のページ リダイレクトを避ける

リダイレクトするとページの読み込みが遅くなります。 リダイレクトされたリソースをブラウザがリクエストすると、 サーバーは通常、次のような HTTP レスポンスを返します。

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

その後、ブラウザは新しい場所で別の HTTP リクエストを行う必要があります。 リソースを取得します。 このようにネットワークを何度も走行すると、読み込みが遅くなる可能性があります。 自動的にスケールします。

Lighthouse の複数リダイレクトの監査で不合格になる仕組み

灯台 複数のリダイレクトがあるページには、フラグを付ける必要があります。

ページが 2 回以上リダイレクトされている場合、この監査は不合格となります。

リダイレクトを排除する方法

フラグ付きリソースへのリンクの参照 リソースに対して現在地を表示できます リソースでのリダイレクトを避けることが特に重要 クリティカル レンダリング パスに必要です。

リダイレクトを使ってモバイル ユーザーをモバイル版のページにリダイレクトしている場合、 サイトを再設計して レスポンシブ デザイン。

スタック固有のガイダンス

対応

React Router を使用している場合は、<Redirect> コンポーネントの使用量を最小限に抑えます。 ルート ナビゲーション。

リソース