PWA學習筆記-6:實際使用整體流程範例

PWA學習筆記-6:實際使用整體流程範例

本篇大綱:本篇要解決的問題。1 建立 icon 的圖檔。2 建立 manifest.json。3 建立 sw.js。4 註冊 Service Worker。5 檢查,Lighthouse 看 PWA 使用狀況。本篇就是寫為本站加入PWA的過程,順便整理了一下必要的步驟。

PWA學習筆記-1:cache、workbox基本使用

PWA 學習筆記-1:Cache、Workbox 基本使用

本篇大綱:前言:PWA會是未來趨勢啊、推薦3篇優質教學文、關於「存到快取(cache)」的就我所知、實作:註冊sw.js、如何查看是否成功註冊、sw.js實作:寫一份sw.js檔、實作:用workbox建立sw.js、實測:頁面載入速度有比較快嗎?