渐进式 Web 应用程序(又名 PWA):如何使用它们来获得更好的用户体验

渐进式 Web 应用程序(PWA,意大利语渐进式 Web 应用程序)是 Google 创造的一个术语,用于指示从智能手机浏览器打开时的 Web 应用程序,其行为方式与可从商店下载的应用程序类似。因此,渐进式 Web 应用程序是普通 Web 应用程序(或网站)和本机应用程序之间的混合体

从技术上讲,这就是 PWA 的描述。嗯,我意识到这个定义对于网络新手来说可能看起来有点模糊甚至有争议。别担心:在本文中,我将尝试以最简单的方式向您解释 PWA 是什么以及为什么它们可以为您的网站带来有趣的机会。我们走吧!

什么是渐进式 Web 应用程序?

PWA 是一种 Web 应用程序(可通过浏览器导航的网站),其行为类似于由云管理的本机应用程序,即可以安装在手机主屏幕上的可下载应用程序。为了更好地解释 PWA 的工作原理,我想告诉您一个个人轶事。就在几天前,我必须完成孩子对父母的主要任务之一:设置我母亲的新智能手机。她想在她的新智能手机上安装“伊利亚特应用程序”来控制她庞大的流量。令我惊讶的是,我注意到 Play 商店中没有电话公司的官方应用程序,尽管她确信她在朋友手机的主页上看到过该应用程序。试图在官网上搜索信息,我发现Iliad从未开发过专有的移动应用程序,而是将其网站的私人区域做成了PWA,从而保持了用户体验不变。

另一个例子:您在浏览网站时是否收到过来自浏览器的“添加到主屏幕”请求。好吧,在这种情况下,您访问的网站是为 PWA 版本开发的。
同意此通知后,您访问的网站的徽标将与您从 Play 商店或 App Store 下载的其他应用程序一起添加到您的智能手机的主页。

事实证明,手机号码列表营销对于希望提高客 电话营销线索,丹麦电话号码数据 户参与度和推动增长的企业来说是一种非常宝贵的工具。这种营销方法具有高打开率、成本效益和传递个性化信息的能力,为企业提供了一种直接、有效的与受众沟通的方式。

PWA 的优点是弥合浏览器和本机应用程序之间的差距。长期以来,网站一直在寻求实现与本机应用程序同等的可靠性性能,并在用户智能手机的通知栏和主屏幕中占据一席之地。与普通站点相比,PWA 提供了一系列附加功能,这些功能通过使用“Service Worker”(位于服务器和浏览器之间的脚本)来提供,从而添加了新级别的后台功能。

您想为您的公司带来数字化转型吗?
告诉我们您的项目,我们将根据您的需求设计最佳策略。
联系我们

PWA 引入的最有趣的功能

在我看来,PWA 引入的最有趣的功能是:

  • 可以将您的网站/网络应用程序的图标添加到手机之家,通过这种方式可以通过“快捷方式”进行访问,不需要打开浏览器或通过搜索引 会经历一系列复杂的过程将网页的 擎进行经典搜索。
  • 发送 推送通知。这是我认为最有用的功能之一:可以通知您的用户您的博客上发布了新文章,或者您的电子商务网站上已售罄的高需求产品重新上市。
  • 由于在客户端缓存(即您的智能手机)中预先存储了资源,因此可以在离线模式下使用。事实上,Service Worker 通过选择是否从网络下载资源或是否检索以前下载的版本来决定如何响应应用程序的请求。
  • 自动更新,无需用户采取任何操作。
  • 可链接性和索引。与每个网站一样,PWA 也有 URL,因此可以由爬虫程序处理并由搜索引擎编制索引。与本机应用程序不同,用户可以直接在 Google 的 SERP 中找到 PWA 页面。因此用户获取成本将低于原生应用
  • 减少发现应用程序和将其加载到主  屏幕之间的步骤,从而消除安装麻烦。
  • 独立于商店。与原生应用程序不同,原生应用程序必须满足商店通常严格的要求才能发布,PWA 保证了更大的开发自由。

如何从第一次加载就确保可靠的速度和性能?

这个问题自然而然地出现了。嗯,这就是 PWA与加速移动页面AMP)相遇的地方。
AMP 使用的技术基于 Google 的开源项目。 AMP页面只不过是由与所有传统页面相同的元素组成的页面,但它尊重使用开发规则和特定标签所给出的一些限制。从本质上讲,所有那些“减慢”网站速度的元素都被消除了,从而显着减少了页面的重量及其加载时间。

谷歌于2016年将AMP集成到其移动搜索结果中,使用AMP的页面在搜索结果中享有固有的优先权,并标有“AMP”徽章。 使用 AMP 和 Service Worker 组合的网站将提供与本机应用程序可靠且可比的速度。一旦页面(快速)加载,站点就会在服务工作者的干预下将资源存储在缓存中。

总之,我们可以总结如下: PWA 技术通过提供的功能,丰富了用户体验和参与度;而AMP 技术,得益于性能的提升,增加了采集量

此外,加载性能对定位也有重大影响。正如我们所说,PWA 可以被搜索引擎索引,并帮助您的品牌更多地出现在自然搜索结果中。

RCS MediaGroup 案例研究

 

RCS MediaGroup 技术团队很早就将 AMP 确定为跟上移动领域发展步伐的技术。引用《晚邮报》数字经理 Michela Colamussi 的话说:“考虑到通过移动设备访问的读者数量不断增加,在 AMP 中进行开发的决定是向该行业最新发展的自然转变”。

该公司很快也开始使用 PWA 技术,主要用于 预订您的数据 通知、书签和离线访问。 RCS MediaGroup 现在在其所有主要在线出版物上使用 AMP 技术,包括 Corriere.it 和 Gazzetta.it。

该公司很快取得了令人瞩目的成果:独立用户逐月增长 98%,页面浏览量增长 119%。此外,与传统网站相比,AMP 优化页面的加载时间加快了 72%

PWA:下一件大事

我们还不能说 PWA 技术将来会取代原生应用程序。例如,PWA 的一个限制是无法访问系统资源并与手机上安装的其他本机应用程序进行通信。如果这些是应用程序运行的基本要求,那么 PWA 将不是一个可行的选择。

然而,在它们诞生 5 年后,人们对这种应用程序开发方法的兴趣不断增长,特别是对于博客、电子商务和服务应用程序,PWA 可以证明是成功的选择。

滚动至顶部