# PWA来了，你准备好了么？

PWA作为今年最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。

PWA，即Progressive Web App, 是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。

PWA具有三个特点：

* [Reliable](https://developers.google.cn/web/progressive-web-apps/#reliable)：加载非常迅速，即使在各种不确定的网络情况下也不会展示断网错误页
* [Fast](https://developers.google.cn/web/progressive-web-apps/#fast)：响应用户交互非常迅速，动画平滑，操作不会有卡顿
* [Engaging](https://developers.google.cn/web/progressive-web-apps/#engaging)：拥有类似原生应用的体验

为了实现这些目标，PWA并不是某一项特定的技术，而是一系列Web新技术与新标准的集合。通过灵活运用这些标准与技术，可以让我们的用户获得渐进增强的体验。所以，其实PWA本质上依然是一个Web App。

学习PWA既可以帮助我们理解与实践前沿的Web方向，思考Web的未来；同时，也可以让我们更进一步接触各种最新的技术。是一件一举两得的事。

然而，在学习过程中，我发现网络上的各类PWA技术资源在学习上都有一些缺陷或局限性。一部分文章可能过于宽泛，既没有帮助理解PWA的概念与目标，也没有深入到技术点中；一部分文章又钻在了某个技术点（例如：Service Worker的cache能力）中，可能会让人误会PWA = Service Worker，甚至PWA=离线。

因此，我总结了一这系列文章，将PWA可能会涉及的一些技术点进行较为详细的介绍，并配合实例代码与demo帮助读者更快速上手使用。希望在阅读完后，你会对PWA这个概念与技术集合有一个更深的了解。

话不多说，下面开始你的PWA之旅吧！


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://pwa.alienzhou.com/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.