科学.Oft。专业软件开发。 科学.Oft。专业软件开发。
电子商务

玛托托的PWA:如何利用PWA技术将提升业务

Web和移动研究员,ScienceSoft

发布:
5分钟 read

编辑注意:Sciencesoft的专业知识已经证明,改进Magento Store作为PWA Power的转换率,提高用户参与,并授予其他显着效益。读到揭示PWA技术如何以及为什么对零售业工作,并不犹豫要求我们玛托托 Pwa开发.

自2015年以来,渐进式网络应用程序(PWA)一直在举起魔法组开发人员和业主。如果您不努力向您的网络店的客户提供PWA体验,您可以安全地选择,您有意识地选择留在竞赛。

玛托托 PWA.

什么是pwa?

渐进式网络应用程序旨在提供逐步的用户体验,其特征在于非侵入式推送通知和时尚设计,无需冗长的页面转换或跳跃内容。对于简短的技术洞察力,Sciencesoft提供了以下基本PWA属性的以下清单:

  • 经由背景数据缓存脱机可用性。
  • 响应式设计和跨浏览器的兼容性。
  • 快速的负载(<5-10s在4G和3G网络)。
  • 及时和相关的推送通知。
  • 主屏幕安装的可能性。

考虑到留住客户并增加转换率较高的用户满意度品牌,给的PWA Magento的webstores改善的大好机会。

个PWA如何提高电子商务业务

让我们从理论转向实践,看看如何渐进式的Web应用程序技术的3个真实案例有助于提高大型电子商务业务。

阿里巴巴集团

全球最大的B2B在线交易平台Alibaba.com. 升级他们的网站到2016年的一个PWA,在不到一半的时间内,他们的转化率为76%。一旦改造,他们的Web应用程序也开始获得22%的移动用户。此外,可以从移动家庭屏幕访问应用程序的可能性导致与商店的互动4倍。

aliexpress - 阿里巴巴集团的一部分 - 是一个巨大的和流行的电子商务市场也获得了PWA在2016年升级在所有桌面浏览器上增加104%的转换率增加和IOS上的82%转换增长。逐步体验将会话时间提高了74%,并导致了两倍于此次访问前的访问量的页面。

乔治

沃尔玛的一部分,乔治是英国服装品牌主要介绍了渐进式的网络应用体验的意图,提高门店的速度。至于升级,网页加载时间的结果减少25%,这减少了一半的跳出率。与此同时,转换率和用户参与显著改进:转换 - 31%,接合 - 20%。

Lancôme.

2017年,奢侈品化妆品品牌在移动用户的增加并将其商店改为PWA,以增加移动转换。这一努力是一项成功的是Lancôme的移动客户换股很快gr17%。自新款PWA动力商店启用了推送通知,它还设定了反向购物车放弃:先前被遗弃的推车的转换增加了12%。此外,移动访客现在花费56%的时间浏览商店,并将其余10%少。

归纳起来,这些成功的故事,升级电子商务解决方案的PWA可以帮助:

  • 显著提高转换率。
  • 提高用户会话时间。
  • 提高用户参与度和互动与商店。
  • 解决车放弃的问题。
你的企业也值得这些好处

将您的Magento成PWA看到它提高你的电子商务业务。

如何实现与Magento的PWA经验

玛托托延期

玛托托 Marketplace提供各种扩展,声称您的WebStore提供了渐进式Web应用程序的权力。但是,重要的是要理解,扩展不能神奇地启用脱机可用性或积极影响您的页面加载,因为此功能由扩展无法更改的核心前端代码定义。

玛托托 Pwa Studio

玛托托的团队积极推动PWA技术与他们的PWA Studio项目。这工作室是的开发者工具包(主要是基于JavaScript)是有助于提供PWA经验Magento的解决方案。在这种情况下,现有的前端被替换玛托托 Pwa店面,有连通与您通过基于GraphicQL,Magento的现有的API(或改版)Magento的后端。

玛托托的店面的概念,而不是一个普通的Magento主题。 Magento的主题几乎总是默认亮度主题的基础上开发的,使用它提供了和不会让你一步的设定前端限制了组件。同时,A.店面完全独立于湖泊布局,这就是为什么它为您提供了更多的视觉表现自由。在技​​术水平上,店面可以被称为无头磁场,因为它存在于来自Magento后端的不同应用层,并且与它分离。

因此,通过发展你的Magento PWA前端,你收获不仅是渐进的web应用程序也是所有的好处无头电子商务解决方案.

玛托托的PWA店面展厅

我们研究了Magento本身(venia店面)和第三方开发人员创建的几个Magento 2 PWA店面演示。这些演示呈现了已经开发的PWA优化的前端的外观和感觉,即在实现自己的Magento PWA时可以利用。基本上,这些是PWA'LUMAS'对于MAGENTO,具有PWA属性和您可以自定义的某个布局。

我们还通过Google Lighthouse审核了所有演示 - 该工具有助于分析和衡量PWA优化的任何网页如何 - 并且发现并非所有店面都是完全PWA优化的。这提供了考虑开发A的实地自定义洋养丁前端 - 与PWA功能一起,它会给你的UX和UI设计充分的灵活性。

venia.

venia pwa

审计显示Venia的服务工作者(即脱机工作和缓存的脚本)未正确设置。此外,如果用户身边不可用JavaScript渲染,Magento的官方PWA StoreFront并不提供任何后退内容。

inch

inchoo pwa.

根据审计,这Magento的PWA演示未正确设置为脱机工作,并在主屏幕上进行安装。更重要的是,店面不使用安全HTTP / 2与HTTPS协议连接。

蒂伦

蒂伦 Pwa.

 

在审计过程中没有发现问题,Magento的2 PWA演示完全PWA-优化。

斯卡普瓦

Scandi Pwa.

此外,审计发现没有任何问题,演示店面有100%的-PWA优化。

充分利用PWA改变你的电子商务

虽然我们审计的一些PWA演示提供了非常令人印象深刻的技术特征,但这些店面仍然具有特定和限制布局,可能无法完美地适应您的电子商务业务。在Sciencesoft,我们相信每个电子商务业务 - 因此,每个Magento商店都值得一种个性化的方法。我们的Magento实施使您不仅为您提供了定制的Magento PWA,具有自定义前端,可解锁您的全部潜力,也可以保证最高的PWA优化分数。

得到我的自定义magento pwa

ScienceSoft你的Magento商店转换为Magento的PWA提高转换,用户参与和用户会话时间。