PWA （ Progressive Web Apps，渐进式网页应用）是由谷歌提出的新一代 Web 应用概念，旨在提供可靠、快速、类似 Native 应用的服务方案。本篇旨在和大家分享「饿了么 M 站」在 PWA 改造中的实践经验。涉及到的方面有：PWA 线上部署的准备工作、多页应用的 prerender 优化、实践过程中踩到的（和推进解决的）坑。

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

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

你是否曾经因为网络不稳定而苦恼？是否希望你的网页在离线时依然能流畅运行？今天，我们将探讨如何利用 Workbox 来优化你的 Service Worker，提升网页性能，确保你的 Web 应用在任何环

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情 什么是PWA PWA 的英文全称是 Progressive Web Apps，渐进式 Web 应用， 运用

主要目的： 解决资源加载慢问题，提升体验 支持应用自启动（原生app体验） 项目使用到的技术栈为：React umi3 qiankun PWA、预加载、service worker、manifest

本文并不是介绍如何将一个网页配置成离线应用并支持安装下载的。研究PWA的目的仅仅是为了保证用户的资源可以直接从本地加载，来忽略全国或者全球网络质量对页面加载速度造成影响。当然，如果页面上所需的资源，除

B站的离线包技术方案与大部分互联网公司实现的方案在底层逻辑上是一致的，都实现了基础的资源下发和拦截匹配机制。但在此基础上我们也有一些创新。

在离线包的监控方面，主要通过埋点上报和sentry 异常报警方式进行。lego埋点 主要上报一些问题排查的辅助信息，sentry 主要上报一些该技术在用户使用时遇到的较严重的错误信息，比如下载异常、解