使用Progressive Web Apps(PWA)指南会带来哪些好处?

时间:2017-06-16 22:54:37

标签: single-page-application progressive-web-apps

我正在阅读有关PWA的优点,但我真的无法理解为什么我们必须使用这项技术。这与SPA类似吗?或者这完全是别的什么?

2 个答案:

答案 0 :(得分:13)

单页应用程序(SPA)可以是渐进式Web应用程序(PWA),但PWA不需要是SPA。他们是两个不同的东西。 Google定义的PWA是:

可靠 - 即使在不确定的网络条件下,即时加载并且永远不会显示downasaur。 快速 - 快速响应用户互动,使用丝滑流畅的动画,而且不会轻易滚动。 参与 - 感觉就像是设备上的自然应用,具有身临其境的用户体验。

Google PWA网站是开始了解PWA以及为什么以及如何构建PWA的好地方。

https://developers.google.com/web/progressive-web-apps/

SPA只是一个Web应用程序,其中在浏览器中加载单个页面,并且使用JavaScript在客户端(浏览器)上处理所有后续路由和页面视图呈现。

正确结合PWA和SPA的原则可以大大改善用户体验,尤其是在互联网连接不可靠的手机上。

对于一个实施良好的PWA,今天最好的例子可能是Twitter Lite。在这里查看:

https://mobile.twitter.com/home

...并在此处阅读:

https://blog.twitter.com/en_us/topics/product/2017/introducing-twitter-lite.html

答案 1 :(得分:2)

SPA与PWA不同。您可以将PWA视为您网站的增强功能。通过添加service workermanifest,您可以将您的网站(或不是SPA)带出浏览器,像移动应用一样工作并使其表现更好。