这样做会造成第一个问题，sw线程将加剧对CPU和内存的使用，并且sw内预缓存的资源是需要下载的，移动设备带宽有限，sw线程占用的同时，主进程带宽就变成了小水管了。 首次打开各种资源都非常宝贵，况且是渐进式，完全没有必要争第一次打开页面就要缓存资源。正确的做法是，页面加载完以后s…

本文不会花大篇幅讲解 ServiceWorker 的基础内容以及 ServiceWorker Api。本文主要描述 ServiceWorker 在缓存上的使用场景。

从 PWA 说起 为什么需要 PWA? Native APP 用起来很流畅，但是也有其天然的基因缺陷： WEB前端没有上述问题，但是很多时候页面会卡顿，用户体验不佳。虽然社区之前也做过很多努力，例如v

今天要聊的话题是前端最近的一个更新方向 PWA 中的核心 Service Worker 的更新问题。这是一个很容易被开发者忽略的问题，因为绝大部分开发者可能对它还不太熟悉。 经过近 2 年的发展，PWA 在 WEB 圈的知名度已经大大提升，即便你没用过可能也至少听说过。Serv…

ServiceWorker是一种特化的Worker，专门来处理跟网页有关的资源（assets），在浏览器和真正的服务端之间扮演一个代理（Proxy）的角色。

workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案，该解决方案包含一些 Js 库和构建工具，在 Chrome Submit 2017 上首次隆重面

当浏览器想要获取远程的数据时，我们并不会立即动身（发送请求），在计算机领域，很多性能问题都会通过增加缓存来解决，前端也不例外。这也意味着，在缓存检查阶段我们就会有很多机会将后续的性能问题扼杀在摇篮之中

如果您钻研 Javascript 或从事开发工作已经有一段时间了，那您一定听说过 Service Worker。它到底是什么？简单来说，它是浏览器在后台运行一个脚本，与 web 页面或 DOM 没有任何关系，并具有开箱即用的特性。 这些功能包括代理网络请求、推送通知以及后台同步…

1. 什么是 PWA？ 2. 首屏优化 2.1. 静态资源优化 2.2. 动态数据优化 2.3. 直出html优化 3. 替代离线包 但是离线包系统是非常成熟的系统，要完全替换掉它还需要考虑许多方面的问题。 3.1. 更新机制 离线包有个自动更新的机制，每隔一段时间就会去请求离…