消费型网站访问性能分析报告

朱杰

——5大主流电子商务平台访问性能横向评测

自从电子商务进入中国,就一直影响着我们的生活。然而,众多电子商务企业的发展并没有激发巨大的购买潜力,部分C2C电子商务网站的低迷或悄然消失反而暴露出电子商务网站存在的诸多问题,用户体验就是其中较突出的问题。

我们平常到商场购物,是什么因素决定我们选择哪个商场呢,除了价格这个主要因素外,我想可能就是购物的心情了。那什么会影响我们的购物心情呢?商场的购物环境、服务态度、缴费是否方便这些因素决定了实体店的用户体验。

同样我们在网上选择购物时,决定在哪个网站完成交易,除了价格、页面是否友好、购物流程是否清晰等因素之外,影响我们完成交易的就是心情。网上购物中影响心情的因素,想必每一个曾经在网上购买过商品的人都是深有体会的,那就是用户体验,我们这里讨论的用户体验是网民访问网站时的速度体验及成功率。用户在购物过程中如果页面打开时间较长,就会放弃网上交易。在当今快节奏的社会中,用户希望自己的网上交易能够正确、快速完成,网站的运营者希望更多的用户能够到自己的网站购物。

用户体验到底对电子商务网站有什么影响呢?通常认为影响主要有两点:一是交易量的减少,二是品牌受损。我们可以对这两点进行分析。一个电子商务网站运营得如何,不是看流量和排名,而是看网站是否能赚钱,看登录的用户在线完成的交易量,如果一个电子商务网站不能赚钱,那它的在线用户完成交易量一定很低。造成这种问题的原因很多,本文只讨论由于用户体验差造成的交易流失。通过一些调查我们发现,网站表现差将直接导致用户不满,有1/3以上的人因对网站不满而放弃购物。

我们以当当网的一个购物流程为例,来说明用户体验对交易量的影响。下图是当当网站的一个购物流程的性能指标数据,整个流程共有7步:搜索图书、放入购物车、登录购买、订单结算、填写配送信息、确认付款方式、验证码提交,这些步骤是一个普通用户在当当网站购物所必须的过程,图中的柱状代表每一个步骤的页面打开时间。

电子商务网站购物流程的特点是每一步操作都是独立的,但每步操作都依赖前一步正确操作,所有的操作构成一个完整的购物流程。用户的每步操作都要进入一个页面,每个页面都要向用户展现,但每一步操作都不能缺少,缺少其中一步,购物流程都无法完成。

当用户打开当当页面搜索商品时,如果出现错误或打开页面时间过长,用户将重新进行操作。根据我们的调查,当用户在进行购物时出错3次,用户将不会在这个网站购物。再一再二,不能再三再四就是这个道理。

用户通过网站购物本身就是因为网站购物方便、快速,网站的页面如果打开太慢,对用户的耐心是一个很大的考验。在充满竞争的今天,用户是有选择的,对用户来说只需要移动一下鼠标,重新输入一个网址。

品牌代表一个企业或一种产品的形象及价值,提到一个企业或一种产品时,大众会对它有一种心理上的、感情上的共鸣,消费者对品牌达到共识,认为它具有其他企业或品牌所不能代表的内涵。品牌的理念延伸到各个行业,包括电子商务网站。电子商务网站如果想有长足的发展,必须树立一个好的品牌,一个好的品牌能维系老用户,吸引新的用户加入成为忠诚用户。

当当图书搜索:

小兔汤姆系列

当当网——购物车

登录——当当网

当当网——订单结算

确认送货方式

确认付款方式

验证码

DNS时间

建立连接时间

SSL握手时间

重定向时间

发出请求时间

收到第一个包时间

客户端时间

内容下载时间

关闭连接时间

性能(秒)

当当网购物流程性能指标汇总概况图(2009年4月23日12∶00～2009年4月24日12∶00)

众所周知,电子商务的重要指标主要有两个:一个是交易额,另一个是成交率。电子商务网站事务处理流程的性能对电子商务网站具有重要意义。

我们最终选择了目前主流的当当网、淘宝网、京东商城网、易趣网及卓越网五家主流的B2C电子商务网站来进行本次用户体验性能测试。

测试中,我们以真实用户的身份,定时计次完成真实的在线购物流程,并对以下测试项目及数据进行记录。测试的主要方面包括:

· 访问性能:是指页面所有元素打开完毕(即IE浏览器状态栏出现完毕)所用时间;

· 首屏时间(用户体验):页面填满800×600区域所用时间;

· 可用性:页面成功打开和页面未能调出的比例。例如,100次访问中,10次未能调出页面,则可用性为90%。访问失败的点,我们计算性能不包括这些失败的点;

· 第一个包时间:从IE浏览器发送HTTP请求结束开始,到收到Web服务器返回的第一个数据包的消耗时间。此指标包含了发送HTTP请求时最后一个数据包在网络上的传输时间、服务器响应此请求的时间和服务器回应第一个数据包在网络上面的传输时间;

· 内容下载时间:监测一个页面时,从页面角度看,IE浏览器接收Web服务器返回的第一个数据包的消耗时间。

测试中,每一个监测点都相当于一个真实的用户,我们将基调网络自主研发的监测工具,安装在分布全国的测试电脑上,通过这些监测点去访问测试网站首页。访问过程中,测试平台的监测端会把用户访问网站首页的访问过程及数据传回到基调网络的数据中心。测试平台通过运营中心向部署在不同地区、不同运营商的监测点发送监测命令,监测端接收指令访问用户的网站应用。监测端将访问的数据传回到数据中心,数据中心将数据进行挖掘处理,生成各种可视的数据图表,用户通过登录自助服务系统查看数据。

本次测试的项目中,首屏时间的监测是我们关注的一个重点,因为这对电子商务网站来说是非常重要的,我们都知道一般网站的内容都比较多,无法在电脑的屏幕上全部展示所有内容,用户首先看到的是第一屏的内容,想要看其他内容必须拖动滚动条。因此第一屏对用户是最重要的。首屏显示时间是衡量用户体验感受及用户认知度的重要指标,是衡量网站是否被用户所接受的重要参考数据。首屏显示时间低于5秒属于良好用户体验,高于5秒低于10秒是用户可以接受的用户体验,高于10秒用户将无法忍受,用户体验较差。

目前我们采用的截取范围为800×600,在我们的实际调查中,也许网民的显示器分辨率为1024×768或更大,但网民对800×600的显示时间最敏感。800×600的区域可以根据网民的实际使用情况调整。在监测区域内,我们根据9个扫描点和4条扫描线来初步判断浏览器渲染的内容和比例,当触发某一比例时,进行B区域的判断。B区域主要用来进一步判断首屏的显示情况,当浏览器渲染比例达到某一比例时,作出首屏显示时间的判断。

当我们访问网站的时候,在浏览器地址栏输入网站地址,客户端会请求网站内容。当连接建立完毕后,客户端浏览器会加载服务器端内容。

发起对目标应用的监测

客户应用

发起对目标应用的监测

Lastmail(用户终端)监测点

基调网络节点

IDC(数据中心)监测点

下发监测任务

传回监测数据

数据采集

运营中心

数据中心

监测数据处理及分析平台

数据分析及处理

自服务系统

监测任务管理及数据查看

部门工作人员

监控数据处理与分析平台示意图

800px

600px

40px

A区域

9个扫描点

扫描线

B区域

首屏监控屏幕示意图

淘宝网

易趣网

DNS时间 0.167秒

建立连接时间0.104秒

收到第一个包时间0.358秒

内容下载时间19.090秒

总下载时间20.145秒

首屏显示时间5.142秒

易趣网首页

DNS时间 0.182秒

建立连接时间0.095秒

收到第一个包时间0.241秒

内容下载时间13.858秒

总下载时间14.568秒

首屏显示时间6.439秒

卓越网首页

DNS时间 0.147秒

建立连接时间0.104秒

收到第一个包时间0.412秒

内容下载时间9.111秒

总下载时间9.930秒

首屏显示时间4.605秒

京东商城首页

DNS时间0.215秒

建立连接时间 0.099秒

收到第一个包时间 0.232秒

内容下载时间 13.093秒

总下载时间 13.838秒

首屏显示时间 7.312秒

当当网首页

DNS时间 0.215秒

建立连接时间0.094秒

收到第一个包时间0.234秒

内容下载时间16.859秒

总下载时间17.551秒

首屏显示时间4.015秒

让主观的体验更加真实

首页地址:http://www.taobao.com/

评测参数:见上表

评测点评:

淘宝是国内领先的个人网上交易平台。

网站的性能质量及用户体验对网站的发展有非常重要的影响。从一周的性能质量监测数据上分析淘宝首页的DNS时间、建立连接时间、第一个数据包时间均较好,内容下载时间在性能中占比最大。

首屏显示时间是一个重要的用户体验时间,终端用户对某一个网站性能感知快或慢,都是通过肉眼看到的第一屏的时间(首屏显示时间),如果用户能很快看到首屏,用户就会获得很好的访问感受,快乐地获得信息。淘宝的首屏显示时间为5.142秒,用户体验较好,但淘宝的首屏显示时间还有优化的空间。

淘宝首页中涉及到的域名有16个,页面对象数有104个,页面字节数为490748,页面对象中的93个对象使用了expires头,这种方式可以提高图片性能。

淘宝首页中共有3个CSS,在首屏的区域中只有一个CSS,淘宝首页中的CSS均采用了压缩处理,能更好地提升网页性能。

淘宝通过以上方式——使用expires头、压缩CSS,在不需要任何硬件投入的情况下,使页面的性能得到提升。

首页地址:http://www.360buy.com/

评测结果:见上表

评测点评:

京东商城是中国B2C市场最大的3C网购专业平台,是中国电子商务领域最具影响力的电子商务网站之一。

京东商城首页的首屏显示时间为7.312秒,在这五大电子商务网站中,首屏显示时间相对较差。通过数据分析发现,京东商城首页屏幕中的对象数为148个,页面中的对象数较多。首页中过多地使用了CSS、 js(Java Script)这些比较耗费性能的元素,拖慢了京东商城首页的首屏显示时间。如果将这些CSS与首页的基础页面框架进行整合,将CSS放入基础页面中或将多个CSS合并,京东商城首页的首屏显示时间将有大幅度提高,而无需再进行硬件投入。

京东商城首页中的15个js文件只有3个做了压缩处理,3个CSS中只有1个做了压缩处理,可以考虑对其余元素也做压缩处理。

京东商城首页的148个对象中有110个使用了expires头,部分大的图片也使用expires头。

在不影响页面内容的前提下,可以通过一些技术手段优化代码,尽量减少页面对象的数量,从而改善页面响应速度。

首页网址:http://www.eachnet.com/

评测结果:见上表

评测点评:

2004年6月30日,易趣注册用户已经达到690万,易趣上的商品近千万件,易趣不仅成为中国网络流通领域不可或缺的经济实体,而且也是当今全球最大的中文网上交易平台。网站要想取得长足的发展,对网站性能的及用户体验是必须要重视的,只有良好的用户体验才能巩固“易趣”品牌的良好口碑。

易趣首页的DNS时间、建立连接时间、第一个包时间均比较好。易趣页面总的字节数为755164,但内容下载13.858秒,页面响应速度较快。

首屏显示时间为6.439秒用户体验较好。如果对页面再进行优化,可以进一步提升用户体验。

通过对易趣首页的页面分析发现,易趣首屏中使用了太多的js脚本,在首屏中使用过多的脚本会造成首屏显示时间长。因为js脚本在下载过程中,页面其他元素要等待js下载完成才能继续渲染页面。如果js下载较慢就会阻塞页面的渲染,导致页面下载超时。如果将js放置到首屏之外,会加快首屏显示时间,用户体验会更好。对js的进行合并,会较少页面的请求数,提升网页性能。

首页地址:http://www.dangdang.com/

评测结果:见上表

评测点评:

当当是全球最大的中文网上图书商城,随着互联网的发展,当当网现在的购物种类不再局限于图书音像制品,它已经向更多的领域拓展。在网站性能质量方面,当当相当重视用户体验,在这些方面做了很多的工作,当当首页的首屏显示时间为4.015秒,在5个电子商务网站中最短。

通过数据分析发现,当当首页的对象数为233个,首屏对象数为34个,这个比例比较合理,保证了首屏能被较快地打开,提供了良好的用户体验。

当当首页的页面设计较好,当当网首页在首屏中的图片均使用较小的gif图片,并且91个gif图片中有78个使用了expires头,合并了页面中的多个CSS,并且在首屏区域中js脚本使用也较少,首屏幕的对象数为53个。这样的页面设计,减少了页面的字节数,减少了页面中的HTTP请求次数。

当当页面还有优化的空间,当当首页有7个text/html、4个js没有采用压缩,如果采用压缩,性能会进一步提升。

分析当当的页面设计后,我们发现在页面结构上的一个小小改动所带来的效果,远比通过扩容硬件投入效果要明显。

首页地址:http://www.amazon.cn/

评测结果:见上表

评测点评:

卓越是全球最大的电子商务网站,由于借鉴了国外发展模式,因此在建立之初,设计者就非常重视网站性能质量监测指标。

从卓越首页的各项性能指标中看出,各项性能指标均比较好,首屏显示时间为4.605秒,用户体验在5个电子商务网站中相对较好。

通过分析卓越首页的页面设计,我们发现卓越首页涉及到的域名只有4个,这样的设计可以大大减少了DNS域名的查询时间。

卓越首页的首屏中只有15个对象,这样页面每次的请求数较少,提高了页面的响应速度。在页面中的大部分图片使用了字节数较小的gif格式图片,减少了页面的字节数,页面加载速度比较快。

卓越首页的部分jpeg图片做了缓存expires头,这样会加快用户再次访问网站的速度。

卓越首页中的8个js,全部采用了压缩处理,大大减少了页面的字节数。

以上卓越在页面设计中使用的这些方法,任何网站都是可以借鉴的,通过一些技术手段优化代码,尽量减少页面对象的数量,能够最简单、直接地改善页面响应速度。

提升用户访问体验的三种方式

互联网的普及和深入让人们更倾向于网上购物来节省时间和精力。对电子商务网站来说,只有保证网站的访问性能,才能得到更多用户的认可。随着互联网基础服务技术的发展,我们可以通过多种手段使用户获得良好的在线体验,即便是在访问高峰期,网站也能正常工作。

定期进行体检

大量用户同时访问网站会对网站产生巨大压力,造成拥堵,导致网页打开速度缓慢,甚至无法打开等现象。大量用户可能因为网站访问速度过慢而终止访问,网站将因此损失销售机会。在这种情况下,网站需要对其页面进行一次“体检”。

电子商务网站可以首先借助一些成熟的网站质量监测工具,如WebTrends、CNZZ等,对网站服务器系统的负载进行分析,查看各服务器负载是否均衡。如果负载差异较大,则可以将负载过高的服务器上的流量分流至其他服务器上,这将解决一部分用户打开网页过慢或无法打开的问题。

其次,网站可以通过工具对宽带传输量进行相应的趋势分析,查看各时间段带宽使用情况。如果发现某一时段流量异常,则重点分析该时段访问网站IP中是否有产生异常流量的IP。例如,某一IP请求数过高,通过对异常IP进行屏蔽就可以有效降低带宽占用情况,缓解网页打开速度过慢现象,避免发生网页无法打开的情况。

另外,对页面打开缓慢的原因进行分析。通过像WebTrends这样的监测工具,网站管理者能够观察网页打开过程中是否由于Flash、流媒体、GIF等文件而造成网页打开速度变慢。通常情况下网页上的Flash等多媒体文件不会对网页打开速度产生较大影响,但是当访问量上升时,多用户同时打开一个网页,那么多媒体文件则有可能会占用过多的网络资源。

最后,网站设计方面也需要进行相应的调整。这不仅仅是一个网站的主色调应该是红色背景还是白色背景的问题。网站管理者需要关注在首页里应该放置哪些内容,哪些内容要重点推介,系统应该放置哪些链接,甚至考虑页面是否要设计成1024×768分辨率,是否要针对Firefox浏览器优化页面等。

做好压力测试

通过有效的访问行为分析,无疑可以在很大程度上提升网站的访问速度,不过对于像WebTrends、CNZZ这样的网站质量检测工具而言,它们主要通过网站日志分析进行数据统计,分析网站的访问量、访问来源以及用户在网站停留的时间及路径,得出各种分析数据,而这只有用户成功访问才能够留下相应数据。反之,如果用户访问不成功,则网站内部根本无法拿到这些数据。对于网站而言,他们可能更加疑惑的是:为什么这些用户不能够成功访问?他们不能够成功访问的原因是什么?

对于这种情况,国内类似淘宝、当当这些大型的电子商务网站通常采用长期的网站性能质量监测来解决上述问题。在应对圣诞、春节这些消费品购物黄金季节引起的大流量访问时,它们通常会提前进行网站的压力测试,选择全国各地庞大的真实用户基数,模拟用户访问时的行为及步骤,针对网站进行测试。在这个量化的过程中,网站管理者可以知道自己网站在哪些方面较为薄弱,甚至是哪些区域的哪些运营商用户访问质量差,找出根本原因所在,从而提前检验网站自身的服务能力。

从互联网角度而言,有很多方面都是未知的,这源于中国互联网的庞大基数、众多的运营商、复杂的网络环境。每一次大的访问流量到来时,既是机遇也是灾难,提前做出应对的公司能够清晰地知道自己的能力所在,而没有做压力测试的网站往往会因为某些环节的问题,带来商业上的失败。

这种基于用户真实访问行为的压力测试,可以对WebTrends等基于日志分析的网站质量监测产品形成有效补充。一个是主动访问,一个是被动获得,两方面的数据进行结合,可以得出网站全方面的数据分析。

优化网络系统

对于网站用户而言,说到底其所有的应用都是靠服务器和网络平台来进行支撑的,因此对于这些网站用户而言,通过网络系统进行优化改造,无疑也是应对挑战的一种好方法。就目前的网站实际情况,我们可以通过在机房部署负载均衡设备,优化电子商务网站的网络平台。负载均衡设备可以发挥的作用主要体现在以下方面。

优化IP应用

通过负载均衡优化器在多个本地和远程服务器间动态分配负载,为每个服务器分配一个可以配置的性能加权,从而提高服务器组的性能。

实现系统的冗余

对所有服务器资源的全程健康状况监视保证了关键任务应用和数据库的完全可访问性,并确保了完成交易所需的资源都是可用的。通过提供多级冗余,在不同站点上安装许多负载均衡设备,从而提供完全的站点冗余。如果整个站点发生故障,则备用站点将自动提供服务,确保整个服务可用。这样用户总能获得优质服务,网站也可以高枕无忧。

运用智能的服务器恢复服务

将重新启动的服务器应用到服务中时,避免新服务器因突然出现的流量冲击导致系统故障是非常重要的。所以在将新服务器引入服务器组时,好的负载均衡设备将逐渐地增加分配到服务器的流量,直至达到其完全的处理能力,从而保证用户不仅在服务器退出服务时,而且在服务器启动期间以及应用程序开始时,均能获得不间断服务。

完善管理与日志报警服务

只有具备了完善的管理和日志报警,网站用户才能清楚获知系统的运行状况。目前大部分网站应用的负载均衡设备都具有统计功能和报警机制,可以根据服务器、服务器群组、客户的地址和设备本身接口数据等信息来做不同类型的信息统计并转换成实时的三维图表。它会把设备本身发生的一系列事件,发送到提供日志服务的服务器上,以此作为设备状态分析的具体依据。