移动网页浏览提速！快如闪电，体验非凡~

移动很重要！作为电子商务的先锋，eBay致力于优化移动平台的消费体验，寻找帮助卖家们制胜移动时代的“不二法门”。如今，小编欣喜地宣布，eBay全球用户可以通过Google搜索页面的AMP链接进入eBay，并体验到光速般的即时加载服务。...

6月，我们与大家分享了eBay为优化本平台消费体验所做出的努力（原文请戳：网页浏览提速！eBay优化移动体验，让卖家更顺利地卖卖卖~），这些尝试帮助我们的用户快速地获取更具特色的浏览内容。eBay的目标是为用户提供更为引人入胜的体验，这种体验的对象不只局限于eBay网页版的用户，而且还惠及了通过外部平台（例如Google,Twitter）进入eBay移动端的用户。想要实现这一目标，我们就需要利用移动网页加速技术（AMP）。eBay已经为全新的产品浏览页面和常规的移动端页面，添加了AMP版网页，并于6月对外发布。当时，由于若干任务尚未完成，移动网页加速技术仅运用于eBay平台网页版，用户无法从Google进入并且体验该项技术。此外，通过Google搜索打开的外部链接体验到AMP浏览速度的仅是新闻，电子商务领域未能得到运用。如今不同往日。Google宣布除了新闻业，AMP技术将在电子商务、旅游等领域得到运用。就eBay而言，我们致力于应对挑战，追求突破，将未采用AMP技术的网页链接到使用AMP技术的网页，从而优化浏览速度。今天，eBay欣喜地宣布eBay全球用户可以通过Google搜索页面的AMP链接进入eBay，并体验到光速般的即时加载服务。eBay虽然已拥有近1500万个AMP浏览节点，但是并不会马上得以呈现。我们还将继续加大投入，最终全部AMP框架将会公之于众。举个例子，比如打开手机浏览器的热门搜索——“iPhone 6非合约机”和“佳能数码相机”。AMP光点将出现在链接附近作为提示。AMP技术在电子商务领域的应用也成为现实。左：Google搜索中eBay的AMP链接

右：eBay运用AMP技术的产品浏览页面自6月首发后，eBay做出了多方面的努力，以确保AMP技术可以在关键时刻到位。我们列举了其中一些努力的成果。

强劲的分析系统

eBay想要为用户带来最优化的体验，关键在于用户与页面交互的理解。后端系统不间断收集用户在界面上的移动轨迹，并从中学习，优化用户下一次的浏览体验，这一系统为全新的产品浏览页面提供强有力支持。举个例子，如果用户经常访问位于屏幕下方、无法一次性显示的模块，当该用户下一次访问同一页面时，这个模块就会出现在屏幕上一眼就能看到的位置。我们的非AMP技术页面拥有客户分析库，也能将数据报告至后端。AMP技术拥有数据分析的微型框架amp-analytics。在eBay最初发布AMP技术网页时，我们利用这个框架来追踪用户对页面的印象。虽然这个框架为eBay提供了相当详尽的追踪机制，但eBay更为需要的是元素层级上的更精细的控制。因为在元素层级上，每个元素都会就需要监测的数据做出指令。为解决这个问题，我们开始与AMP团队合作，开发了一套测试程序。我们还大胆地将测试程序运行，并且将其回馈给了开源项目。到位的测试帮助我们获取了一套强劲的、先进的分析系统，这个系统可以将诸如点击、滚动、可见性在内的用户行为报告给后端，最终完成对用户的下一次访问的优化。

特性趋同

在先前的文章中，我们已经提及AMP技术网页与非AMP技术网页的代码是共享的。即使代码共享，两种版本的页面中依然在很小程度上存在特性不同步的问题。eBay努力缩小两版页面的差距，调和不一致，并在恰当位置添加进程以确保不同步不再出现。正如先前所言，由于一些限制，在AMP版本的页面中，我们无法获取部分UI组件和相关行为。但是，其中一些组件是电子商务所特有的。因此我们正与AMP技术团队积极合作，努力将这些组件添加到组件列表中，以造福更多人。将有的示范是选项卡式的UI组件，已经有特性请求运行该组件。

流线性的建构过程

在首发期间，我们通过人工的方式来管理AMP技术版本和非AMP技术版本的相关资源(CSS和JavaScript)。在AMP技术版的网页中，不会有JavaScript，而所有的CSS则需要使用内联样式，反之，在非AMP技术版本的网页中，CSS以及JavaScript则需要进行捆绑和提取操作。利用人工进行该项操作，并非理想的解决方案。eBay的资源管道工具Lasso，则提供了解决办法，即条件相关性。我们创设了一个与AMP技术相关的 flag指令，如果对AMP技术发出请求，那么其值，初始化为“true”，紧接着我们还会设置Lasso flag指令。管道工具Lasso可访问这条指令，并且根据不同情况，自动进行捆绑、提取和内联操作。这项举措大大地节省了时间，也被证明行之有效。我们的工作远远没有结束；事实上，我们才刚刚启程。在我们面前有许许多多的任务等待解决。AMP技术页面之外的网页

我们都知道采用AMP技术的网页打开速度惊人。但是用户接下来访问的网页速度又如何呢？现在每当用户点击AMP链接，就会打开一个新的标签页，目标页就在上面加载了出来。就eBay而言，目标页的移动端版本则会被加载出来。我们希望移动端页面也能与AMP技术页面带来一致的体验，加载速度一样快得惊人。AMP技术下的另一个组成部分amp-install-serviceworker，将帮助实现这一目标。我们首先考量是，利用这个程序，实现AMP技术网页到目标页的无缝切换。关于如何避免打开新标签页，如何继续在同一窗口体验AMP技术，eBay也就该问题与Google团队进行了讨论。缓存的时效性

AMP技术所呈现的内容是由Google AMP缓存提供的，缓存更新政策可以参照链接。对eBay而言，当用户查询热门产品时，用户们总能看到更新的内容。但是当用户寻找一些小众产品时，一小批用户只能找到过时的内容。尽管这种情况十分少见，AMP技术下的amp-fresh程序依旧能帮助解决这个问题。一旦这项技术准备就绪，我们就会进行整合。同时，eBay还设置了标签（script）来升级缓存中的AMP相关内容。这个标签是为了某些商品而人工运行的。统一的版本

现在，每一个全新的eBay网页，都会有两个版本——AMP技术版本的和非AMP技术的。AMP技术版本的是用户通过Google搜索而出现的，而eBay站内搜索所进入的则是非AMP技术版。虽然两种版本的页面都是优化完善，共享代码，并且看起来一模一样，但是两个版本页面的更新仍然需要维护费用。除此之外，我们还需要注意特性趋同问题。在未来，根据AMP技术网页的运作情况，我们可能选择某一移动端AMP技术页面版本，并将这个版本推广到eBay所有平台。

能够为来自Google的移动端用户提供AMP技术服务，我们感到兴奋不已。体验AMP技术已有一段时间，AMP技术页面的加载速度也的确快如闪电。手机浏览有时会很慢，这令人困扰，而AMP技术正是植根于此，为用户提供了一致、快速的浏览体验。eBay希望我们的用户也能享受到这项全新科技。eBayCBT微信号可以设置置顶了，点击“置顶公众号”按钮，打开置顶，就再也不会错过eBayCBT的精彩推送啦~微信号：eBayCBT





长按识别二维码关注我们

    关注 eBayCBT