HTML 5 曾被认为是移动应用的明天，却被原生App在性能和功能上轻易战胜，Web逐渐成为App的附属。然而，马云“爸爸”告诉我们：“梦想还是要有的，万一实现了呢？”如今，我们离梦想又近了一步。 PWA，全称「Progressive Web App」，是Google提出的为W…

本文是《PWA学习与实践》系列的第九篇文章。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。对PWA感兴趣的朋友欢迎关注《PWA学习与实践》系列文章。 在前八篇文章中，我已经介绍了一些PWA中的常见技术与使用方式…

1月25日，Ricky Mondello 发表了一篇推特，随后的 safari 11.1 beta 更新说明中也提到了Web App Manifest 和 Service Workers ，这意味着跨平台的PWA 成为了现实，让我们来看看究竟有什么变化

此书献给广大 PWA 爱好者 带你领略 PWA 的强大与优雅 仅供大家学习使用 请勿用于任何商业用途 全书一共12章 目前已经翻译了前6章 持续更新中 希望大家多多关注

caches 这个 API 是针对 Request Response 的。caches 一般结合 Service Worker 使用，因为请求级别的缓存与具有页面拦截功能的 Service Worker 最配。 本周精读的文章是 cache-api，介绍了浏览器缓存接口的基本语…

这是专门研究 JavaScript 及其构建组件系列文章的第 9 章。在识别和描述核心元素的过程中，我们还分享了我们在构建一个轻量级 JavaScript 应用程序 SessionStack 时使用的一些经验规则，该应用程序需要健壮、高性能，可以帮助用户实时查看和重现它们的 W…

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

本文是《PWA学习与实践》系列的第十篇文章。也许你还没有听说过或不了解Resource Hint，但是通过本文，你会快速学习到这一件页面加载性能利器。本系列相关demo的代码都可以在github repo中找到。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能…