新的技术产业:Web Performance Optimization

O’Reilly Velocity China 2010 大会上,业界最有影响里的 Web 性能技术专家 Steve Souders 宣告 Web Performance Optimization (WPO) 时代已经到来。这是个颇为重要的主题演讲,要知道,Google 已经开网站载入时间纳入到搜索排名因素之中(refer),或许 Web 性能优化,商业网站要考虑作为一项战略来对待了。

我们看一组数据(信息来源):

  • Amazon: 增加 100ms 延迟将导致收入下降 1%;
  • Google: 400 ms 延迟将导致每用户搜索请求下降 0.59%;
  • Yahoo!: 400ms 延迟会导致流量下降 5-9%;
  • Bing: 2 秒的延迟将导致收入降低 4.3%/用户(请问,首页用个那么大的背景图干啥?);
  • Mozilla 将下载页时间缩短 2.2 秒之后下载量增加 15.4%;
  • Google Maps 将文件大小减少 30% 后请求增加了 30%;
  • Netflix 在服务器端启用 gzip ,页面快了 13-25%,节省了 50% 的网络流量;
  • Shopzilla 将页面载入时间从 7秒缩减到 2秒,转化率提升了 7-12%,页面请求增加 25%,只用一半服务器就够了

要注意,这些只是数据,实际上,我们没有办法验证这些数据的真实性。但是可以肯定的是,网站访问速度过慢,一定对用户有负面影响。严重一些的,国外有 Friendster 因为网站访问过慢而导致的用户流失可以作为前车之鉴;网站访问速度快也可以增加竞争优势,比如Tumblr 一骑绝尘而将竞争对手 Posterous 甩在后面。国内这方面的例子比如优酷,斥重金改进用户访问速度,很大程度上保持了竞争优势。

相比投资在硬件上,我个人认为技术团队在 WPO 上的投入是可以用来评估团队技术能力的。有一次在和一位投资人聊起国内的分类网站哪个技术团队更具优势,我毫不犹豫的说看好百姓网,为何?访问一下同类网站,比较一下最终页面访问速度就知道了。这是体现一个技术团队意识和能力的地方。

当前最需要 WPO (甚至有些落后的) 的可能要数电子商务网站以及那些依托于大型 C2C 站点上的网店了。很多电子商务网站负责人非常重视 SEO,但在 SEO 已经快成为一种伪技术的今天,被忽视许久的 WPO 更应该引起重视。举例来说,可能绝大多数淘宝上的大卖家都不懂 Web 相关技术,当然也就无所谓什么 Web 性能优化了。我曾经见过有的卖家首页上一个页面放置几百个图片,一个页面动辄 7-8 Mb,用户访问速度可想而知,如果用户正常浏览都无法做到的话,要想购买产品恐怕也就无从谈起了。如果能对这一部分用户进行有针对性的处理,投入产出的价值还是显而易见的。说起图片来,可能这是最影响电子商务网站访问速度的一个因素,没有针对 Web 优化的图片、过大的尺寸或是失真的压缩图片比比皆是,无疑会严重影响用户体验与购买欲望(这里推荐做电子商务的朋友不妨关注一下 Yupoo.com 专门针对用户的这个需求而推出的图片管家服务)。

WPO 的好处?增加网站营收,降低运营开销,提升访问量,进而提升竞争力

WPO 做起来其实并没有那么难,通过一些特定的准则(比如 YSlow 14条, refer)即可取得一些卓有成效的改进。期待 WPO 能早日成为 Web 工程师必备的常识。也建议每一个技术团队的负责人应该将 WPO 作为一项战略来抓,而不是只是一两个技术人员的事情。从现在就开始吧。

EOF

补充:”快比慢好”,Google 把这句话作为十大价值观之一(refer)。而 Facebook 从创立至今,也一直将提升页面访问速度作为一项重要的策略。

补充一篇必读文章:WPO – Web Performance Optimization

此文作者:, 位于 Web 分类 标签: , on .
转载须以超链接形式标明文章原始出处和作者信息及版权声明.

  • http://www.helishi.net ikbear

    你的网站这么的快,能否聊聊你的优化心得呢?

  • http://www.javabloger.com H.E.

    怎么没有提到非死不可(facebook)?

  • madheader

    速度一直是我决定是否关注一个喜爱网站的重要因素,现在都是信息过量的时代,换句话说信息哪里找不到,如果你让我等了3分钟,我不上了行吧!~~~呵呵

  • http://t.sina.com.cn/anonymousor anonymousor

    作为一个普通用户,优酷给我的感觉是视频的加载速度比较快

  • http://www.ecigator.com ecigs

    速度的优化同时带动了一股twitter类简洁设计的潮流~~~

  • http://an.haokanbu.com ant

    过犹不及。

  • http://www.520meizhou.com zhu

    不错,给力!!!

  • lucifer

    •Bing: 2 秒的延迟将导致收入降低 4.3%/用户(请问,首页用个那么大的背景图干啥?);
    其实,bing加载图片不影响你整个dom的呈现,更不影响你的使用(不会推迟你能search的时刻)。不知道作者有没有研究过浏览器呈现页面的原理。
    另外,就算是有影响,其实也就是第一次会有,以后都是用cache的。
    对比google hongkong和bing cn,你会发现bing的加载速度比google要快,虽然bing的整体大小要大一些。
    从firebug看到数据,无论是第一次(或者说禁用cache),还是后续请求(或者说启动cache),google的速度都是比不上bing的。
    因为前台的性能很多时候被js影响了。js的下载和执行与其他页面元素(css,imgage等)是不一样的。
    另外,看到的不一定是真实的。google用了css sprite。你看到的google图片其实不是只有那么一点。不知道为什么google还下载了这个图片http://www.google.com.hk/images/srpr/nav_logo35.png。
    我想google和bing的主页打开性能差别其实并不大。
    真正影响使用率的是用户习惯和搜索结果质量。

  • Fenng

    初次访问的影响也是影响
    Google Hongkong 和 Bing CN 的速度差异说不了什么,还至少要考虑双方网络的差异和 IDC 出口带宽因素…