page と start_url を制御する Service Worker を登録しない

Service Worker の登録は、プログレッシブ ウェブアプリ(PWA)の主要な機能を有効にするための最初のステップです。

  • オフラインで利用可能
  • プッシュ通知のサポート
  • デバイスにインストール可能

詳しくは、Service Worker と Cache Storage API の投稿をご覧ください。

ブラウザの互換性

主要なブラウザはすべて Service Worker をサポートしています。ブラウザの互換性をご覧ください。

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

Lighthouse では、Service Worker を登録していないページにフラグが設定されます。

サイトが Service Worker を登録していないことを示す Lighthouse の監査

Lighthouse は、Chrome リモート デバッグ プロトコルが Service Worker のバージョンを返すかどうかをチェックします。そうでなければ、監査は失敗します。

Service Worker の登録方法

Service Worker の登録はわずか数行のコードで完了しますが、Service Worker を使用するのは、上記の PWA 機能のいずれかを実装できるようにすることだけです。実際にこれらの機能を実装するには、より多くの作業が必要です。

リソース