Home Blogs 顶级渐进式Web App示例:Tinder,Twitter,沃尔玛
Applications

顶级渐进式Web App示例:Tinder,Twitter,沃尔玛

About The Author

Outline

为了提供卓越的用户体验,各类企业现在都在采用最新技术,包括渐进式Web应用程序(PWA),单页应用程序(SPA)和React网站。 移动网络性能不再是这些已转向无外设电子商务并采用电子商务渐进式Web应用程序来提供快速转换体验的行业领导者所关注的问题。

由于速度相当于收入,而且电子商务是一个竞争激烈的行业,因此很难找到渐进的Web应用程序示例。 但我们认为,随着PWA采用者的知名度,流量,参与度和转化率的提高,这些信息应该与公众共享。 为了帮助电子商务公司了解当前的形势并了解他们的现状,我们每月展示几个顶级电子商务PWA示例。 在这一期中,我们对家居装饰,社交网络和大众零售商等行业的领先公司进行了细分。

带有PWA的社交网络平台

1. Pinterest – PWA

Pinterest是为iOS和Android用户构建PWA的早期采用者之一。 一个旨在激发创造性思维的平台让人们离开了他们的移动体验。Pinterest报告说,他们新的本地应用程序类PWA体验将活动移动用户数量增加了一倍以上,会话持续时间增加了近4倍。 他们的主页JavaScript有效负载从~490kb变为~190kb,即使在低带宽环境中,也能为用户带来近乎即时的页面加载。 推送通知,”添加到主屏幕”提示,”夜间模式”设置和资产缓存为移动用户创造了真正吸引人的体验。

2. Tinder – PWA

TINDER是一款在250多个不同国家/地区拥有超过60M月度用户的交友应用程序,为桌面和移动用户提供了PWA。 这种新的Web体验被称为Tinder Online,与本机应用程序体验相比,每次用户会话接收的滑动次数,配置文件编辑次数和花费的时间更多。 PWA内核的体积小,帮助Tinder将加载时间从11.9秒缩短到4.69秒,并使用户以前所未有的高姿态参与进来。

将Tinder PWA与本地应用程序示例进行比较。 (资料来源:Medium)

3. Twitter – PWA

为了提高用户参与度,Twitter转而采用PWA技术来提供更好的用户体验,并取得了重大成功。 Twitter Lite是一个很好的PWA示例,因为它每次会话的页面量增加了65 %,发送的推文量增加了75 %。 通过添加数据保护模式并将PWA的大小优化到60kb,他们的3亿多活跃移动用户可以快速浏览内容,即使在2G网络上也是如此。

提供PWA的家居装饰

4. Annie Selke – PWA + AMP + SSR

Annie Selke每月为超过17万名访客带来优质家居装饰。 了解网站速度在SEO和SEM上的重要性,家居公司在Edgio的无服务器前端后端(BFF)上推出了自动AMP转换的PWA。 Annie Selke看到移动有机流量急剧增加了40.41%,并将Edgio上的浏览速度中位加载时间缩短到538毫秒。 通过AMP,服务器端呈现和PWA技术,Annie Selke发现流量源的首页加载时间平均为0.74秒。

交付次秒级的电子商务wesbite

Edgio始终为大型电子商务网站提供低于500毫秒的平均页面加载。 众所周知,这些速度的提高会导致15-30%的转换提升。

5.柯克兰股份有限公司 – PWA + AMP + SSR

Kirkland’s已经超越了37个州的431家门店,并针对电子商务PWA进行了优化,可随时接触到任何客户。 优化站点速度是他们的主要目标,因为他们将其视为竞争前沿。 家居装饰零售商使用Edgio的开源React PWA框架,内置AMP转换和Edgio基础设施上的服务器端渲染支持。 Kirkland’s现在是最快的零售网站之一,它通过亚秒级的页面加载,指纹结算和一键登录实现快速轻松的购物。

6.西部榆树- PWA

West Elm由母公司Williams-Sonoma Inc.拥有,是一家业界杰出的领导者,在其移动商务体验中采用了PWA技术。 他们的产品的现代风格与他们的PWA体验相匹配,为他们的400万月度用户提供时尚,时尚的外观和感觉。 他们的电子商务渐进式Web应用程序使他们在网站上的平均时间增加了15 %,转化率提高了9 %

拥有电子商务PWA的大批量零售商

7.梅西百货。 – SPA

梅西百货是一家IR6旗下的服装和配饰行业排名第一的公司,现在已过渡到无头电子商务,为其每月超过6000万名访客提供最佳体验。 结果:过去3年在线增长达到两位数。 梅西百货的网站速度大幅提高,进而提升了搜索排名和客户体验。 在最近的网络研讨会中,梅西百货工程总监Lenny Stofsky指出,无外设方法及其微服务架构使其更加敏捷和灵活。 “通过自动化的开发操作,改进的回归测试以及专业的团队进行扩展和创新,我们每两周就可以进行部署,”Stofsky说。

聆听Macys.com工程总监Lenny Stofsky讲解从单一供应商电子商务平台过渡到基于微服务的灵活,同类最佳系统的过程。

8.订书钉- PWA

Staples的网站速度成为首要任务,以提供最佳用户体验,推动更多销售额增长。 随着批量零售商发现他们的加载时间增加,跳出率增加,转化率降低,这些期望的结果变得非常重要。 在对客户体验进行全面分析后,Staples可以将主页加载时间中位数缩短1秒,将加载时间缩短6秒,达到第98百分位数。 结果:他们的转化率提高了10%。

9.目标- PWA

Target每月超过1亿人次访客,但仍面临着与亚马逊和沃尔玛的激烈竞争。沃尔玛是两家领先的电子商务企业,采用现代技术并吸引客户。 一项调查显示,80%的目标购物者在一台设备上开始零售体验,并可能在另一台设备上完成零售体验,此后,目标购物者专注于在移动设备和台式机之间实现更无缝的过渡。 为了快速应对不断发展的环境,PWA成为他们的解决方案,以增强他们的一些核心数字商店产品,并为移动设备和台式机购物者提供吸引人的统一体验。

10. Walmart – SPA

沃尔玛在所有类别中获胜。 Walmart.com和Walmart Groceries使用现代技术来优化他们的移动和桌面在线购物体验。 沃尔玛美国首席运营官Judith McKenna表示,这家零售巨头在全球拥有11,700多家,希望所有客户”走进我们的商店或在我们的网站上点击一下”时都能感到敬畏。 现代技术极大地影响了他们身临其境的在线体验,以及他们查看网站速度的方式,因为它与在现场花费的时间相关。 电子商务网站发现,每100毫秒的页面加载改善,收入就会增加多达1%

底线

渐进的Web应用程序是电子商务的未来。 这一现代网络技术的新时代包括电子商务公司之间的一场竞赛,旨在提供最快的网站和最佳用户体验,从而赢得竞争优势。 原生应用程序不再是最佳解决方案—PWA同样具有交互性,甚至更快。 消费者有着高速的期望,而电子商务专业人士将明智地为他们提供闪电般的,吸引人的体验。

为了远离噪音,请仿效早期采用行业领导者的例子,他们从传统网站切换到PWAS/SPAS/React网站,并提供几乎瞬时的体验,推动转化和SEO获胜。

如需了解更多渐进式Web应用程序示例,请查看以下使用SPA,PWA和React框架的现代电子商务公司列表,或安排咨询式对话,了解Edgio如何在12周内帮助您开始使用PWA。