通过 Service Worker，我们可以直接摆脱服务端，不需要 304 一样能使用本地缓存。不仅如此，还能执行网页本身行为外的脚本（不过不能访问 DOM），比如预先抓取后面可能要访问的资源，甚至在飞行模式下同样能使用 webapp。

为了让我们的网站能达到更高的评分（咦，为什么变成刷分了），我们最后需要进行用户体验和性能的优化。

或许你看了文章之后就会思考是否开始使用服务端渲染？🤔

介绍如何使用 Service Worker 缓存资源，并配合 App Shell 架构提升用户体验，还推荐了一些封装好的插件。

不知道大家还记不记得之前的四篇 PWA 系列翻译。不过那毕竟是老外他们自己的实践，而且相对来说是从科普角度来描述了 PWA 的实践，对想要直接进行 PWA 优化的，可能会觉得比较啰嗦。 恰好我司最近使用 React 全家桶开发了一个网站，所以干脆就拿它开刀，来进行 PWA 优化，顺便记录一下点滴。

来自译者 markzhai：大家也知道最近 Web 越来越火了，如果你还以为 Web 就是 jQuery、Ajax、CSS 什么的，那你就 out 了。给大家几个链接看一看吧： https://shop.polymer-project.org/ https://housing.…