移动设备不再是冷门。如果你还没有先考虑移动平台，你至少应该考虑一下。让我们来看看那些证明关注移动设备性能重要性的令人信服的数据。
移动网络业务蓬勃发展
以下是一些显示移动网络业务快速增长的数据。在零售网站上花费的55%的时间是在移动设备上完成的这个数字来自于comScore为Shop.org做的研究1，去年秋天发行。人们花在零售网站上的时间有44%是在智能手机上，11%是在平板电脑上。
这一发现与英国在线鞋业零售商Schuh.com分享的一项统计数据相吻合:每个月，他们的销售额中有1%桌面交通转换移动交通2．移动商务(Mcommerce)的收入正在迅速增长2011年至2013年，美国手机游戏营收增长了两倍多。2013年，移动设备创造了电子商务总销售额的16%。
到2017年，这一数字将增加到26%。3.觉得26%听起来微不足道?事实并非如此——除非你认为1130亿美元的收入微不足道。
移动设备的转化率落后于台式电脑，但平板电脑正在迎头赶上去年年底，智能手机用户的转化率约为桌面用户的三分之一。然而，平板电脑正在迎头赶上:2013年最后一个季度，平板电脑的转化率为2.59%，超过了2013年第一季度的桌面用户转化率。
来源:monetate.com大多数网上购物者在购买前会“多看几张屏幕”来自comScore的更多发现:在2014年2月的市场调查中，他们发现57%的消费者在购买前会通过个人电脑和移动设备访问公司网站。
4这给电子商务开发者带来了巨大的压力，他们必须确保所有平台的用户体验一致。
来源:comscore.com
手机网站不能满足用户的期望
从我们刚刚提到的数据来看，人们在手机零售网站上花费的时间(55%)和在此期间花费的金钱(16%)之间存在明显的脱节。5．有许多因素可以解释这种脱节，但一个关键因素是页面速度。网页速度慢是手机用户抱怨的头号问题，排名甚至高于网站崩溃。
大多数手机用户希望页面加载速度至少和他们在PC上加载的一样快(或更快)当我和那些认为手机用户会满足于缓慢的加载时间的人交谈时，我需要停止惊讶，因为这就是移动世界的运转方式。这些人大错特错:85%的手机用户希望网页加载速度和桌面加载一样快，甚至更快。三分之二的智能手机用户表示，他们希望网页能够加载4秒或更少。
6
缓慢的页面增加了用户的挫败感，降低了在线交易的参与度即使是网站速度的微小变化也会对移动用户产生神经层面的影响。在去年秋天我们进行的一项脑电图研究中，我们发现连接速度每延迟500毫秒，峰值挫折感就会增加26%，用户参与度就会下降8%。7顶级网站无法满足手机用户对不到4秒的加载时间的期望大多数用户可能预期等待时间为4秒或更短，但我们的研究8这说明大多数网站无法在移动设备上实现这种速度。
去年秋天，我们在各种智能手机和平板电脑上测量了排名前100的电子商务网站(包括完整版和m点版)的加载时间。我们发现，即使是旨在提供更快体验的m点网站，通常也达不到用户4秒的等待时间阈值。
来源:radware.com只有2%的全站点版本在4秒内加载，平均加载时间几乎为8秒。
来源:radware.com
糟糕的移动Web性能对企业意味着什么
用户的期望和当前移动网页性能的现实状态之间的脱节对底线产生了可衡量的影响。性能缓慢会影响网站所有者关心的每一个商业指标，从购物车废弃到品牌感知。移动购物车的弃置率比桌面购物车的弃置率高39%移动购物车的弃置率为97%，而台式购物车的弃置率为70%。
9这告诉我们，人们在手机上使用他们的购物车，这是好事，但他们会抛弃它们，这显然是坏事。性能缓慢是一个关键因素，填写冗长订单的痛苦也是一个关键因素。
即使是1秒钟的延迟也会影响转化率即使是看起来很小的性能问题也可能对移动业务指标产生重大影响。
前段时间，我们做了一个为期12周的分裂测试，我们将电子商务的移动流量分成四组:一组是完全优化的对照组，另外三组分别受到200ms、500ms和1000ms的HTML延迟。我们测量了这些延迟的影响:
- 跳出率
- 转换
- 车的大小
- 页面浏览量
200毫秒的延迟产生的结果可以忽略不计，但在500毫秒和1000毫秒时，负面影响要强烈得多。1000ms的延迟导致了3.5%的转化率下降，这是一个巨大的打击。7
缓慢的页面会促使移动客户转向你的竞争对手当他们的购物体验出现问题时，移动用户不仅会抛弃他们的购物车，还会转向你的竞争对手。
当面对一个负面的移动购物体验时，高达33%的移动购物者会去竞争对手的网站。更糟糕的是，高达30%的用户永远不会回到你的网站。10
缓慢的页面会破坏整个品牌的健康在我之前引用的同一项研究中，我们询问了所有参与移动脑电图研究的参与者在测试完成后对这些地点的印象。
然后，我们将采访中的所有描述符输入文字云生成器。这是测试参与者在正常速度使用Tesco.com后生成的词云:
这是参与者在经历了同一个网站500ms的网络延迟后产生的文字云:
请记住，我们的测试对象中没有人意识到他们参与了一项关于页面速度的研究。他们以为自己只是在测试每个网站的整体功能。
有趣的是，慢速网站的词汇云包含的负面形容词几乎是快速网站的三倍。虽然一些参与者明显注意到了表现的轻微恶化(“缓慢”和“迟缓”)，但参与者也对与速度无关的领域产生了负面看法。较慢的页面影响了人们对网站三个重要方面的看法，而这三个方面与加载时间完全无关:
- 内容(“无聊”)
- 视觉设计(“俗气”和“令人困惑”)
- 导航便利性(“令人沮丧”和“难以导航”)
为什么移动网络速度慢
除了移动设备明显的局限性——较小的cpu，较慢的网络下载速度——还有两个限制因素:
- 页面大小
- 延迟
而响应式设计的页面可以要快，大多数都不是(即使在桌面上)响应式网页设计是确保你的页面在多个平台上具有一致外观的好方法，但它不一定是确保你的页面在多个平台上一致快速的好方法。我最近测试了60个页面的开始渲染和加载时间，这些页面都包含在各种“最佳RWD”列表中。其中只有3个在4秒或更短的时间内加载——在台式机上也不少于——这意味着它们在移动设备上的加载速度可能会更慢。
罪魁祸首是巨大的有效载荷。在我查看的60个响应式设计页面中，许多页面的大小为3 MB、4 MB甚至5 MB。11所有最快的网站都有一个共同点，那就是它们的速度都在1mb以下。
永远不要低估延迟扼杀性能的力量在性能方面,延迟是主机服务器接收和处理对页面对象的请求所需的时间。延迟的数量很大程度上取决于用户与服务器的距离。移动延迟的一致性只体现在它的不一致性上，即使是在相同的位置进行测量。
这是由于除了通过塔的数据量之外还有许多变量。天气、甚至用户面对的方向等因素都可能产生重大影响。
来源:igvita.com每个页面资源的3G延迟可以达到350ms或更多。
一个典型的页面可以很容易地包含100个或更多的资源，所以所有这些延迟加起来很快。这就是谷歌性能专家Ilya Grigorik所说的原因12如果你是为移动设备设计的，那就可以假设你会有2000毫秒的3G延迟。你该如何为手机用户提供他们所需要的用户体验?
有许多优化移动性能的技术。其中一些技术——比如压缩和整合资源——可以帮助解决移动和桌面问题。其他的——比如利用localStorage作为小型移动浏览器缓存的解决方案——则特别关注于改进移动体验。
如果您有兴趣深入了解这些技术，请点击这里这篇文章我为ACMQueue写东西。编辑的说明(雅各布·古贝)如果你想了解更多Tammy Evert关于网页性能和手机的理论，一定要参加她今年在O’reilly’s Velocity conference上的会议。在我看来，Velocity是所有开发者都应该参加的会议之一。
许多与web性能相关的数据、最佳实践和技术都在这次会议上诞生。使用代码SIXREVISIONS20在购票时节省20%。Tammy将于6月24日至26日在圣克拉拉，9月15日至17日在纽约。以下是她的主题和关于会议的其他信息:
- 移动网络压力:理解糟糕表现对神经系统的影响
- 2014年9月15日，纽约，关于网络性能你想知道的一切(但又不敢问)
- 渐进图像渲染:好还是坏?2014年9月16日，纽约
参考文献
- comScore与Shop.org移动零售训练营(summit13.shop.org)
- 转换会议-舒赫的RWD之旅(slideshare.net)
- 移动设备将推动美国假日电子商务销售增长(emarketer.com)
- 英国数字市场概述2014年2月(comscore.com)
- Keynote 2012移动用户调查(keynote.com)
- 移动压力:较慢的网页会增加用户的挫败感，降低用户粘性(webperformancetoday.com)
- 报告:2013年移动电子商务绩效报告
- 谷歌旨在通过“即时购买”简化移动购物(webpronews.com)
- 案例研究:HTML延迟对移动业务指标的影响(webperformancetoday.com)
- 88%用智能手机购物的美国人经历过负面问题……
- 12个网站证明RWD和性能可以很好地结合在一起(webperformancetoday.com)
- 延迟:新的Web性能瓶颈(igvita.com)
