Home Blogs 顶级渐进式Web应用示例:Tinder,Twitter,Walmart
Applications

顶级渐进式Web应用示例:Tinder,Twitter,Walmart

About The Author

Outline

为了提供卓越的用户体验,各类企业现在都采用了最新的技术,包括Progressive Web Apps (PWA),Single Page Applications (SPA)和React Websites。 移动网络性能不再是这些行业领导者关注的问题,他们已转向无头电子商务,并采用电子商务先进的Web应用程序来提供快速照明,转换体验。

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

使用PWA的社交网络平台

1 Pinterest – PWA.

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

2补漆- PWA.

Tinder是一款交友应用程序,每月在250多个不同国家拥有超过 6000万用户 ,为桌面和移动用户提供PWA。 新的Web体验被称为Tinder Online,与他们的本机应用体验相比,它可以获得更多的刷新,配置文件编辑和每个用户会话所花费的时间。 PWA内核的小尺寸帮助Tinder将加载时间从11.9秒缩短 到4.69秒 ,并使用户以前所未有的高速度参与并向右滑动。

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

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 ms的中位加载时间。 通过AMP,服务器端呈现和PWA技术,Annie Selke发现跨流量源的平均第一页加载时间为0.74秒。

提供次秒级的电子商务优势

Edgio为大型电子商务网站提供了稳定的-500在线页面加载量。 已知这些速度增益会导致15%-30的转换提升。 安排咨询对话!

5 kirkland’s Inc. – PWA + AMP + SSR

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

6西榆树- PWA.

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

拥有电子商务PWA的大众零售商

7梅西百货。 -水疗中心

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

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

8,公司简介

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

9目标- PWA.

Target每月接待 超过1亿名游客 ,但仍面临着与亚马逊和沃尔玛的激烈竞争,这两家领先的电子商务企业采用了现代技术并赢得了客户。 调查显示80%的目标购物者在一台设备上开始零售体验,并且很可能在另一台设备上完成,之后,Target专注于在移动设备和台式机之间实现更无缝的过渡 。 为了快速响应不断变化的形势,PWA成为他们的解决方案,以增强其部分核心数字商店产品,并为移动和桌面购物者提供引人入胜的统一体验。

10,沃尔玛-水疗中心

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

底线

进步的Web应用程序是电子商务的未来。 现代网络技术的新时代包括电子商务公司之间的竞争,以提供最快的网站和最佳的用户体验,以赢得竞争优势。 本机应用程序不再是最佳解决方案—PWA同样具有交互性,甚至速度更快。 消费者有着高速的期望,电子商务专业人员将明智地为他们提供快如闪电,引人入胜的体验。

要摆脱噪音,请效仿早期采用行业领先者的例子,他们从传统网站切换到PWA/SPA/ React网站,并提供几乎瞬时的体验,从而推动转化率和SEO获胜。

如需了解更多先进的Web应用示例,请查看使用SPA,PWA和React框架的现代电子商务公司列表,或 安排咨询对话 ,了解Edgio如何帮助您在12周内启动并运行PWA。 我们深受最大和最好的公司的信赖,包括1 -800花, 鞋嘉年华,旋转,等等。