Facebook告诉你,要想在移动上做文章,速度慢是死路一条

谷歌,亚马逊,沃尔玛。毋庸置疑,每个用户登录都可以毫不费力的打开他们的网站,快速使用他们提供的服务。所以说,一个能让用户感受到高速服务,不仅可以提升网站的使用量,也能提高用户参与度,就像早期的Instagram。因此,当你听说Facebook以速度为优势去获得广告商的青睐,那真的一点儿都不要感到奇怪。

为了克服网站延迟和其他网络问题,通常有两种方式,一是通过改变交付内容,二是尝试优化自己的产品,但实际上,这是两种完全不同的事。Facebook已经使用了一个方法,将上述两个问题进行了有效合并。

Facebook联手纽约时报等多家知名媒体推出了Instant Articles内容服务,用户可以在Facebook原生移动App上快速加载内容。在一篇新闻稿中,Facebook提到他们绝大多数新闻内容平均加载时间是8秒,也是目前为止Facebook上加载速度最慢的内容类型。而Instant Articles解决了这个问题,相比于标准移动网页文章,Facebook如今的阅读体验速度提高了十倍以上。没错,是0.8秒,说实话,没人知道Facebook是如何做到这一点的,这的确让人感到印象深刻。

Facebook可以完全控制展现给用户的内容。如果没有Instant Articles,用户在纽约时报网站上点击一篇文章,很可能先会来到纽约时报的网页服务器(服务器主机可能是由阿卡迈公司或是其他类似厂商提供),然后抓取不同内容片段、整合展现在用户手机上。Instant Articles则是把所有内容打包成一个整体,然后再发送给用户,完全无需使用纽约时报的主机服务器。

不仅如此,如果有图像、视频、以及文本(非常有可能)混合内容,那么从不同源加载内容的时间也会变长,而且预取的难度也会增大-----这恰恰是Facebook需要完全控制的原因,因为只有这样,才能大大提升性能。此外,Facebook采用的均是当下最先进的技术,比如他们是第一个使用谷歌SPDY的公司,说不定现在他们已经使用了HTTP/2。FacebookFacebook正在使用AsyncDisplayKit,一款专门为Paper开发的用户界面框架。

事实核查

网站流量分析公司Chartbeat与很多内容出版公司有过合作,他们会分析这些公司在一定的网页负载时间内,是否有数据被汇集。Chartbeat分析了一个桌面和移动网页负载时间的统计图。他们花了一周时间,在大约70个网站上进行了取样,当然这些网站都允许Chartbeat进行汇集数据,后者一共查看了5亿个网站。或许这个不是一个完美的取样数据,但至少也可以说明一些问题。其中,57%的移动用户和72%的桌面用户页面加载时间在8秒之内,12&的移动用户和8%的桌面用户的耗时则超过20秒。

Facebook是对的:绝大多数网页的内容加载时间的确很长。2004年,谷歌指出如果网页内容加载时间超过2秒,用户就会感到不爽。对于移动端而言,同样如此,人们无法忍受网页内容的加载时间过长。

如果说Facebook要解决页面加载时长问题,那么他们肯定需要“进化”。

联网体验

实际上,包括Facebook在内的很多互联网巨头没有搞清一件事情,那就是强调网络性能和“内容”其实是两个不同的事情。还有设计,设计不只是一张漂亮的“脸蛋儿”,同时也是一种整体体验,而这种体验很大程度上是依赖网络,网络条件,以及人们对网络的感觉等因素。当设计移动用户体验时,需要对网络这一概念有更多考虑。

笔者在此可以推荐一家公司,TwinPrime,该公司位于加州雷德伍德城,获得了True Ventures的投资。他们开发了一系列技术,可以极大地提升移动App性能,举个例子,使用他们的技术,纽约时报的iPhone应用可以看到相关的性能数据。(见下表)

总之,当我们看看Facebook,看看他们推出的全新的内容服务Instant Articles,就不难发现他们又开始在网络性能和速度上重新构建App应用和用户体验了。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
资源包主要包含以下内容: ASP项目源码:每个资源包中都包含完整的ASP项目源码,这些源码采用了经典的ASP技术开发,结构清晰、注释详细,帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码,用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件:为了方便用户更好地理解系统的后台逻辑,每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档,以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境,并了解各个数据表之间的关系和作用。 详细的开发文档:每个资源包都附有详细的开发文档,文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料,使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南:为帮助用户更好地理解和使用这些ASP项目,每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程,使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考:对于正在准备毕业设计的学生来说,这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰,还符合常见的毕业设计要求和标准。通过这些项目,学生可以学习到如何从零开始构建一个完整的Web系统,并积累丰富的项目经验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值