Service Worker 是 PWA 的核心。它在后台运行，位于网站和网络之间，有点像代理服务器。它将使我们即使在网络故障的情况下也能提供您的内容，从而使网站的内容即使在离线或设备未连接 土耳其电话格式 到互联网时也可用。
SW 使用异步 API，其巨大潜力正在不断增长。
但是 Service Worker 是做什么的呢？它包括推送通知、缓存管理、离线浏览和后台同步等功能。
让我们开始开发一个简单的 Service Worker：
打开您最喜欢的代码编辑器并保存一个空白文档，将其命名为 service-worker.js
建议将其插入页脚中，以免阻塞页面解析器（渲染）。在示例 2 中，我插入了“async”属性来异步加载 javascript 资源。
在进行合规性测试并测试我们的 PWA 没有错误之前，有必要明确一下，上面的示例是指在微观维度的站点上开发简单的 PWA。
该示例仅缓存 html 页面、样式表、SVG 徽标和 javascript 文件。字体、图像和其他静态页面也可以通过修改示例的 service-worker 来实现。
您可以免费下载文章中使用的PWA 。
示例 PWA
PWA 屏幕示例
对于最著名的 CMS，可以使用运行良好的插件和扩展，使转换过程更加流畅和更快。
对此，我推荐一些我有机会在我的一些网络项目中测试和使用的 WordPress 插件：
超级渐进式网络应用程序
渐进式 WordPress
通过 WP 插件，您将能够以完全可视化的方式设置清单元素、图标、机构颜色、主登陆页面、离线模式的方向和缓存管理。
让我们回到我们的话题，继续 PWA 的测试阶段。
正如我在文章开头所说，渐进式 Web 应用程序是“Google 的发明”，因此我们目前唯一能做的测试方法是通过LightHouse（Chrome 浏览器开发者控制台中集成的工具）。
Lighthouse 还可以通过浏览器扩展来使用，以使其更易于使用。
Lighthouse 分析了网站，并将网站的评价总结为 4 个关键要素：
表现，
无障碍环境，
安全
渐进式网页应用。