假设现在有用户试图访问你的网站

　　它来判断某款产品的用户体验是否合格。有些时候，概念本身看上去很美，但是真正实现出来，却做不到用户可以接受的体验。我见过很多公司高层在过滤概念的时候直接看体验，然后再讨论其他方面的可行性问题。不啰嗦了，我们来研究一下体验。

　　别让我等！

　　为什么迅雷在下载软件中独树一帜？为什么越来越多的用户在低画质的视频网站上在线观看连续剧而不是下载更清晰的视频文件？答案是，用户的耐心非常有限，他们对速度的追求超过了对画质等因素的追求。

　　为什么用户的耐心非常有限？一方面生命是有限的，另一方面可能是传统媒体教育的结果，翻开杂志、打开电视机，用户得到的都是即时的体验，等待并不是他们所习惯的事情。由于可以选择的内容太多，用户在互联网上冲浪时会处于一种注意力涣散的状态，他们需要能够同时打开多个网页的浏览器，他们习惯于在浏览的时候遇到感兴趣的内容就创建一个新标签页（tab），预先打开以节省等待的时间，然后在无聊的时候随机切换到某个感兴趣的标签页。除了像大型游戏和电影这类足够丰富的体验以外，网站类的产品和休闲游戏都很难长时间地赢得用户的耐心。在观察网吧用户的时候，我发现他们会玩一会斗地主，然后切换到开卡丁车，开两圈之后又开始跳舞，在有限的上网时间内用户总是在追求体验丰富程度的最大化。在这样的竞争环境中，如何在最短时间内抓住用户的注意力是产品经理的首要问题。“我们要设计一个快速、轻盈的操作系统，几秒钟内就可以启动、把你带入网络。”——Google Chrome OS的设计目标是不是很有吸引力？

　　假设现在有用户试图访问你的网站，那么你的网站最好能在10秒之内呈现给他，因为若超过这个时间，人们经常会放弃或者中断一个大任务的执行。许多研究都表明，用户最满意的打开网页时间，是在2秒以下。如果等待12秒以上，网页还是没有载入，那么99%以上的用户会关闭这个网页（通过进度条等手段可以将这个时限延长到38秒）。用户打开了页面，点击了一个按钮，你的网站有1秒的时间来展现他所期望的内容，1秒是对话舒适间隔的最大值，为了让对话舒适地继续下去，这个时间点你一定要告诉用户点什么，不然用户会觉得冷场而离开。如果他输入了一串字符或者移动了窗口，那么这时候留给你的网站进行手眼互动反馈的时间是0.1秒，实际上，人对连续动画的感知大概是0.065秒，超过这个时间他就会觉得在这里进行操作太浪费时间。一些抽样调查显示，用户倾向于认为打开速度较快的网站质量更高、更可信，也更有趣。所以，绝对速度一定要及格，在及格的基础上越快越好。

　　如果只是讲用户体验还不足以引起你对速度的重视，下面我们来看两个数字。Google做过一个试验，显示10条搜索结果的页面载入需要0.4秒，显示30条搜索结果的页面载入需要0.9秒，采用后面一个方案的话，流量和收入各减少20%。Amazon的统计也显示了相近的结果，首页打开时间每增加100毫秒，网站销售量就会减少1%。

　　Yahoo!在网站速度优化方面总结出了如下经验，并且将这些经验凝结在了YSlow工具中以帮助其他网站检查速度问题。

　　减少HTTP请求数

　　用户在打开一个网页的时候，后台程序响应用户需求所用的时间并不多，用户等待的时间主要都花费在下载网页元素上了，即HTML、CSS、JavaScript、Flash、图片，等等。据统计，每增加1个元素，网页载入的平均时间就增加40毫秒（宽带）或250毫秒（窄带）。 为了证明减少HTTP请求数可以让世界变得美好一点，我做了一个测试，分别将一幅图片切割成26片、3片和1片，同时尽可能保证网页加图片的整体大小一致，然后看看这3种情况下打开网页所需要的时间。

　　情况一（参见图2-5-1）。1个HTML文件（26.htm），26个图片，合计88KB，下载耗时3.33秒。我们可以看到拖后腿的26_02.jpg这个图片只用了88毫秒进行请求，却用了3.03秒进行下载，这是由于网络环境不稳定引起的。从我在深圳的电脑，到这台位于无锡的服务器，一路上经过了不知道多少条线路和设备，期间的任何一点异常都可能造成网络阻塞或是请求中断。HTTP请求数越多，遇到异常情况的可能性就越大。

　　图2-5-127个HTTP请求的执行情况

　　情况二（参见图2-5-2）。1个HTML文件（3.htm），3个图片，合计90KB，下载耗时1.16秒。我们可以看到这3个图片所花费的请求时间是基本一致的，下载时间有长有短，整个网页的下载时间取决于下载最慢的网页元素，只要有一个元素比较慢就等于整体慢。

　　图2-5-24个HTTP请求的执行情况

　　情况三（参见图2-5-3）。1个HTML文件（1.htm），1个图片，合计94KB，下载耗时913毫秒。

　　图2-5-32个HTTP请求的执行情况

　　如果放大测试次数，那么情况三的下载耗时偶尔会大于情况二，而情况三的耗时在总体上是低于情况二的。这个测试表明，在网页整体大小相近的情况下，HTTP请求数越少，用户打开网页的速度就越快。

　　减少HTTP请求数的方法有以下3种。

　　减少不必要的HTTP请求，例如用CSS圆角代替圆角图片，减少图片的使用。

　　合并文件，对于文本文件，可以直接合并内容，例如将多个JS文件合并为一个，将多个CSS文件合并为一个；对