ServiceWorker

ブラウザ内で動くプログラマブルなproxyサーバーの事

対応ブラウザ

Scrapboxでは

Chrome 67以上

Safari 12以上

Firefox 62以上

の場合だけ、ServiceWorkerを有効化しています

Scrapboxでも活用しています

画面遷移の高速化

ネットワークが全く無い状況でも、キャッシュからページを表示できる

初回ロード時間が短縮される

PWAとしてのインストール

Google Chromeでアクセスすると「ホーム画面に追加」というメニューが表示され

ブラウザから独立した単体のアプリケーションとしてScrapboxをインストール、起動できる様になります

Scrapbox開発者による解説

マウスポインタがリンクの上に乗った瞬間にAPIリクエストを発行

光速を超えた画面遷移が可能になった

cache first

ネットワークアクセスする前に、まずキャッシュから読み出す

network first (cache second)

ネットワークアクセスして、失敗した場合にキャッシュから読み出す