3

アプリ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は私がしなかったと言っているからです):

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

監査テストに失敗する理由がわかりません (オンラインで簡単に再現できます)。

SWの登録が少し遅いことが原因ではないかと想像したので、アプリのパフォーマンスを最適化しようとしましたが、現在でもパフォーマンススコアが向上しています(少なくとも監査テスト中は90)、そうではありませんでしたこのテストに合格します。

誰かが私を助けることができますか?

Lighthouse のエラー メッセージを示す画像

Service Worker がうまく機能していることを示す画像

(start_ul in) マニフェストを示すイメージ

4

1 に答える 1