渐进式 Web 应用程序 (PWA) 是一个网站或应用程序,它充分利用现代 Web 功能为其用户提供类似应用程序的体验。它们是使用网络技术构建的,可以在搜索引擎中编入索引,托管在非常类似于网站的服务器上,并且可以通过 URL 访问。他们可以利用移动操作系统的可用性功能,更像是一个原生应用程序。
使困惑?你不是一个人。也许理解 PWA 的最简单方法是将其视为网站可用性的新标准,建立在更好的移动可用性的趋势之上,而不是成为一个全新的独立事物。因此,要被视为 PWA,网站只需要满足一定的要求。
Google Developers 松散地定义了 PWA,简而言之,它们应满足以下最低要求:
可靠性:加载速度快,离线工作。
可用性:页面应该立即加载,滚动应该流畅,页面之间的导航应该是无缝的,即使在慢速数据网络上也是如此。
可访问性:PWA 应该可以从设备的主屏幕启动,并且还应该能够接收推送通知。
大多数人接受的作为 PWA 哲学基础的实际属性列表要复杂一些。我们稍后会讨论。
PWA 的属性
“渐进式 Web 应用程序”一词实际上是由一位名叫 Alex Russel 的 Google 软件工程师在 2015 年创造的。Russell 是 Google Chrome 浏览器的首席工程师之一,因此他对 Web 可用性标准略知一二。
他指定了一组规则来满足 PWA 可用性标准,如下 [逐字]:
响应式:适合任何外形尺寸。
独立连接:通过 Service Worker 逐步增强,让他们离线工作。
App-like-interactions:采用 Shell + Content 应用程序模型来创建应用程序导航和交互。
新鲜:由于 Service Worker 更新过程,透明地始终保持最新状态。
安全:通过 TLS(Service Worker 要求)提供服务,以防止窥探。
可发现:由于 W3C Manifests 和 Service Worker 注册范围允许搜索引擎找到它们,因此可以识别为“应用程序”。
Re-engageable:可以访问操作系统的重新参与 UI;例如推送通知。
可安装:通过浏览器提供的提示到主屏幕,允许用户“保留”他们认为最有用的应用程序,而无需使用应用程序商店的麻烦。
可链接:意味着它们是零摩擦、零安装且易于共享的。URL 的社会力量很重要。
您可能了解也可能不了解所有行话,但重要的是,关于可用性的讨论比围绕特定技术的讨论要多得多。唯一指定的技术是促进可用性标准。
PWA 技术解释
支持 PWA 可用性的三种技术。它们是“Service Worker”、“Manifest JSON”和“HTTPS”。我们将依次看这些。
Service Worker:简单来说,这就是缓存页面和/或数据。这样做最明显的好处是允许用户在他们的设备上访问 PWA,即使他们没有连接到互联网,只要他们之前在网络上访问过一次。这里的第二个好处是即使用户连接到网络也可以加快加载时间,因为加载本地文件比下载它们要快得多。
清单 JSON:这只是一个文件,其中包含有关主屏幕图标应该是什么样子的信息。如果存在,移动操作系统将询问用户是否要“添加到主屏幕”。如果他们点击“是”,则图标、短名称和应用程序主题/颜色都在清单文件中可用。
HTTPS:您肯定已经知道这是什么,但如果您不知道,HTTPS 允许通过加密在 Web 上安全地传输数据。这一点尤其重要,因为 PWA 应该能够接受推送数据,在连接到网络时更新任何存储/缓存的文件,为用户下次需要它做好准备。随着这种“后台刷新”的发生,安全性至关重要。事实上,如果没有良好的安全性,Service Worker 甚至都不会运行。
所以,虽然 PWA 技术一开始可能听起来有点压倒性,但它真的没有那么复杂!这些都是简单的技术解决方案,可以大大改善用户体验。
好的,我想我明白了。但这一切对我意味着什么?
移动可用性对您的业务有多重要?如果您网站上来自移动设备的流量和转化百分比非常低(并且您认为它不应该更高),那么 PWA 可能走得太远了。一定要投资于使您的网站安全、快速和移动响应,因为这些都是 SEO 和转化率优化的重要因素。但您可能不需要担心 Service Worker、Manifest 文件或“appy”可用性功能。
但是,如果移动对您很重要,那么 PWA 可能是一项值得投资的项目,特别是如果您正在考虑开发一个单独的移动应用程序,这将创建额外的内容管理和支持需求以及您的
网站。
请不要误解我们 - 移动应用程序仍然占有一席之地,尤其是在您的应用程序上使用的内容和功能与您的网站大不相同的情况下。举个例子,如果你是一家旅游公司,那么 PWA 可能是一种允许用户浏览包裹、构建行程和研究未来假期的方式,无论他们是在线还是离线,就像他们在你的网站上一样。
相比之下,制造商可能更愿意让他们的网站专注于 B2B 销售,而是为消费者提供单独的移动应用程序,其中包含操作指南和产品信息。
如果您认为 PWA 可能值得为您的业务探索,请与我们联系并与我们交谈。值得记住的是,这里有一个滑动比例。虽然您可能不需要将您的网站真正视为 PWA 所需的一切,但您仍可能从这种新思维方式的某些元素中受益。我们可以帮助您找到正确的平衡点。
本文地址:
http://www.njanyou.cn/news/6232.html
Tag:
专业服务:
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话:025-65016872
上一篇:
如何选择网页设计的颜色主题
下一篇:
使用视频动画来推动转化的好处