アプリhttps://quotesaboutjesus.netlify.com/quotesに移動し、 Chrome 開発ツールの [アプリケーション] タブを見ると、数秒後に Service Worker が正常に実行されていることがわかります...そしてアプリはオンライン モードで正常に動作します.
しかし、Lighthouse の監査結果は常に次のように述べています。
- オフラインの場合、現在のページは 200 で応答しません。
- オフラインの場合、start_url は 200 で応答しませんstart_url は応答しましたが、Service Worker 経由では応答しませんでした。
- page と start_url を制御する Service Worker を登録しない
しかし、ここの私のコードで、またはここのmanifest.webmanifestで直接見ることができるように、私はそうしました(私は思う?: Lighthouseは私がしなかったと言っているからです):
- Web アプリ マニフェストを追加します。
- マニフェストの start_url が正しいことを確認してください。
- Service Worker をアプリに追加します。
- Service Worker を使用してファイルをローカルにキャッシュします。
- オフラインの場合は、Service Worker をネットワーク プロキシとして使用して、ローカルにキャッシュされたバージョンのファイルを返します。
監査テストに失敗する理由がわかりません (オンラインで簡単に再現できます)。
SWの登録が少し遅いことが原因ではないかと想像したので、アプリのパフォーマンスを最適化しようとしましたが、現在でもパフォーマンススコアが向上しています(少なくとも監査テスト中は90)、そうではありませんでしたこのテストに合格します。
誰かが私を助けることができますか?