オフラインファーストで実装を試みるべく、ServiceWorkerを導入した。
このワードが唱えられたころ、実現するための技術としてはAppCacheやWebStrageが紹介されていたが、現在は当然ServiceWorkerへとスライドしている。
コードの記述量は多くなってるが、低レベルのAPI群を提供することで遥かに柔軟になっており、実質ES6で書けるのでストレスもほとんどない。
導入にあたって現時点での仕様とサンプルを調べたが、GoogleやMozillaなどブラウザベンダが提供してるものが質と信頼性が高いと思われるので、ここのみに視野を絞り参考にした。
また下記記事も実践的な考え方の参考になった。
レスポンシブイメージは低解像度のpngとwebpをキャッシュさせれば十分であろう。