Service Worker の登録は、プログレッシブ ウェブアプリ(PWA)の主要な機能を有効にするための最初のステップです。
- オフラインで利用可能
- プッシュ通知のサポート
- デバイスにインストール可能
詳しくは、Service Worker と Cache Storage API の投稿をご覧ください。
ブラウザの互換性
主要なブラウザはすべて Service Worker をサポートしています。ブラウザの互換性をご覧ください。
Lighthouse Service Worker の監査が失敗する仕組み
Lighthouse では、Service Worker を登録していないページにフラグが設定されます。
![サイトが Service Worker を登録していないことを示す Lighthouse の監査](https://developer.chrome.google.cn/static/docs/lighthouse/pwa/service-worker/image/lighthouse-audit-showing-e099b7b47033f.png?authuser=6&hl=ja)
Lighthouse は、Chrome リモート デバッグ プロトコルが Service Worker のバージョンを返すかどうかをチェックします。そうでなければ、監査は失敗します。
Service Worker の登録方法
Service Worker の登録はわずか数行のコードで完了しますが、Service Worker を使用するのは、上記の PWA 機能のいずれかを実装できるようにすることだけです。実際にこれらの機能を実装するには、より多くの作業が必要です。
- オフラインで使用できるようにファイルをキャッシュに保存する方法については、ネットワークの信頼性の概要と測定方法の投稿をご覧ください。
- アプリをインストール可能にする方法については、インストール可能にする Codelab をご覧ください。
- プッシュ通知を有効にする方法については、Google のウェブアプリへのプッシュ通知の追加をご覧ください。