2017-06-16 76 views
6

我读到了PWA的优点,但我真的不明白为什么我们必须使用这项技术。这与SPA相似吗?或者这完全是另一回事?使用渐进式Web应用程序(PWA)准则会带来哪些好处?

+0

进网络增强(我没有听说过 “渐进式Web应用程序” 作为“技术“本身)与处理那些浏览器支持标准支持浏览器的用户(看着你,Internet Explorer)以及那些没有启用Javascript的用户(意味着该网站仍然至少有用)无关。对于前者来说,这似乎不是一个问题,并且使一个“基于Web的应用程序”对于从不脚本编写者有用可能会产生反作用(如果它只有硬链接和POSTBACK表单,则认为是Slack)。一如既往,YMMV。 –

+0

我也改变了标题,使其不那么挑衅。我认为的根本问题是好的,并且肯定是可以回答的。 –

回答

3

SPA与PWA不同。您可以将PWA视为您网站的增强功能。通过添加一个service worker和一个manifest,您可以将您的网站(无论是否为SPA)带出浏览器,像移动应用一样工作,并使其性能更好。

12

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

可靠 - 即使在不确定的网络条件下也能立即加载并且不显示downasaur。 快速 - 快速响应用户与柔滑平滑动画的交互,并且不会晃动滚动。 参与 - 感觉就像设备上的天然应用程序,具有身临其境的用户体验。

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

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

甲SPA是简单地在一个单一的页被装载在浏览器和所有后续路由和页面视图呈现使用JavaScript在客户端(浏览器)上处理的网络应用程序。

正确地将PWA和SPA的原理相结合可以大大提高用户体验,特别是在具有不可靠的互联网连接的手机上。

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

https://mobile.twitter.com/home

...这里读到它:

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

+0

查看Google页面,这看起来更像是使用浏览器技术构建的“纯Web”应用程序,但不一定是浏览器。换句话说,如何让您的用户使用基于浏览器的技术在移动设备上使用“类似本机”的应用程序。换句话说,这就是为什么5-6年前Facebook为*真实*本地应用倾销HTML5的原因。 –

+0

以下是用于构建类似本机的应用程序的“不要愚蠢”清单:Google:https://developers.google.com/web/progressive-web-apps/checklist –

相关问题