オフラインのときに start_url が 200 の応答を返さない

プログレッシブ ウェブアプリ（PWA）のマニフェストには、ユーザーがアプリを起動したときに読み込まれる URL を示す start_url を含める必要があります。

ブラウザが start_url からアプリにアクセスしたときに HTTP 200 レスポンスを受信しない場合は、start_url が正しくないか、ページにオフラインでアクセスできません。これにより、ユーザーが自分のデバイスにアプリをインストールした場合に問題が発生します。

Lighthouse start_url の監査が失敗する仕組み

Lighthouse では、オフラインのときに開始 URL が 200 を返さないウェブアプリにフラグが付けられます。

Lighthouse の監査でオフライン時に開始 URL が 200 を返さない

ページがオフラインで使用可能であることを確認する方法

  1. まだ作成していない場合は、ウェブアプリ マニフェストを追加します。
  2. マニフェストの start_url が正しいことを確認します。
  3. アプリに Service Worker を追加します。
  4. Service Worker を使用してファイルをローカルのキャッシュに保存します。
  5. オフライン時に、Service Worker をネットワーク プロキシとして使用して、ローカルにキャッシュされたバージョンのファイルを返します。

詳しくは、オフライン時に現在のページが 200 という応答を返さないをご覧ください。

リソース