大数跨境

WompMobile首席执行官谈PWA与AMP

WompMobile首席执行官谈PWA与AMP 电商实践
2018-05-02
1
导读:不久前,移动设备优化还能带来竞争优势。但随着移动互联网的发展,响应式网站已不再是可选项。

不久前,移动设备优化还能带来竞争优势。但随着移动互联网的发展,响应式网站已不再是可选项,而是开展在线业务的必备条件。

WompMobile 是一家提供移动端网页解决方案的服务商。我最近与其创始人兼首席执行官 Madison Miner 就面向电商企业的新兴移动技术进行了交流。以下是我们完整的音频对话及经过编辑以增强清晰度和精简篇幅的文字实录。

阿曼多·罗吉奥:请介绍一下你和你的公司。

麦迪逊·迈纳:我从事软件工程师工作已有约20年,于2010年创立了WompMobile,旨在帮助企业利用自适应和响应式技术将桌面网站优化为更友好的移动端体验;到了2015年,我们的业务重心从帮助企业在移动端呈现美观的网页,转向提升网页在速度和功能方面的实际表现。

如今,WompMobile的平台使我们能够将现有网站转换为加速移动页面(AMP)和渐进式Web应用。

罗吉奥:你能解释一下什么是加速移动页面和渐进式Web应用吗?

迈纳:加速移动页面是一种创建网站的新方式,其技术基础包含HTML的子集和超集,并配备一个验证器,用于确认使用AMP构建的页面符合为确保性能而制定的规则,基本上可以保证速度极快,且不能依赖任何外部文件或阻碍页面关键渲染路径的内容。

另一方面,渐进式 Web 应用(PWA)是可能无法在所有移动设备上运行的技术。例如,一个流行的 PWA 组件是 Service Worker。PWA 包括 Service Worker、Payment Request API、应用清单(App Manifests)和应用外壳(App Shells)——如果用户的浏览器支持这些技术,它们可以逐步增强网站功能;如果不支持,则会回退到更传统的实现方式。

罗吉奥:你提到了服务工作者,能解释一下吗?

迈纳:服务工作者相当简单,但能提供诸多好处,它允许用户离线工作、战略性地缓存内容,还支持推送通知,因此非常重要。

罗吉奥:电子商务企业如何从渐进式Web应用中受益?

迈纳:主要益处在于提高转化率和收入,其中对收入有直接影响的一个PWA组件是支付请求,这是一种新的W3C标准浏览器API,用于收集支付信息,它允许网站向用户显示提示,让用户分享已存储在设备上的信用卡信息而无需手动输入,我们在电商页面加入支付请求后,看到[移动端]账单信息页面的购物车弃单率下降了约50%,这对收入有直接影响。

总体而言,PWA 的主要优势在于其移动端转化率可与桌面端相媲美。我们的客户都面临同样的问题:他们的大部分流量和增长来自移动端,但大部分销售仍发生在桌面端。

罗吉奥:对于消费者而言,PWA与普通网页有何不同?

迈纳:PWA只需访问网址即可提供类似应用的使用体验,消费者不再需要去应用商店查找、下载、安装应用并授予权限,通过PWA他们只需访问网站即可使用类似应用的功能,PWA可以添加到主屏幕、支持离线工作并能快速高效地处理支付,凭借持久页眉和部分页面重载技术,它能以极快的速度加载,从用户的角度来看,它的界面和体验与应用程序无异。

罗吉奥:那加速移动页面呢?它们如何帮助电子商务企业?

Miner:加速移动页面主要提供两大好处,首先是提升网站的可见性,因为Google会在搜索结果中通过AMP图标推广支持AMP的网站,从而使用AMP能带来更多流量,我们通常观察到来自自然搜索的移动流量会增加20%到30%。

下一个优势是速度。AMP 页面在外观和功能上与未使用 AMP 的版本完全一致,但加载速度要快得多。

Roggio:在同一个网站上同时使用这两种技术是否有原因?

Miner:它们配合起来效果极佳。事实上,去年在Google IO开发者大会上,Google宣布了一种名为渐进式Web AMP(或PWAMP)的新组合,将这两种技术融合在一起。你拥有一个PWA外壳,它加载AMP页面并将AMP页面用作内容源,你可以预取和预渲染这些页面并即时显示,从而获得AMP的所有优势。

Roggio:还有其他方面吗?

Miner:我们对一种称为Web打包的新技术感到兴奋,它与用于压缩文件的Web封装不同。Web打包是一种允许你将资产组(例如AMP及其相关图片)像zip文件一样打包并使用SSL证书签名的技术,然后可以从内容分发网络进行分发。当它被加载到浏览器中时,它具有签名网站的原始URL,但不一定是提供服务的那个网站,这能够实现卓越的性能。

例如,当你在 Google 搜索中点击一个 AMP 结果时,你实际上仍处于 Google 的界面中查看该 AMP 页面,因为它是从 Google 缓存中加载的,而 Google 必须这样做以确保即时加载速度。

通过 Web Packaging 技术,当你点击一个 AMP 结果时,你会感觉像是直接访问了你所点击的网站。地址栏中显示的是你的域名,尽管内容仍然来自 Google 缓存,这使得 Google 能够保证极快的加载速度。Web Packaging 还将在其他方面提升性能。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k