网站分析－分析网页加载时间

Posted on 十一月 9, 2009
Filed Under 分析实践 | 4 Comments

原创文章，转载请注明： 转载自网站分析 Web Analytics
本文链接地址: 网站分析－分析网页加载时间

loadingGoogle Analytics是非常好用的网站分析工具，可以跟踪网站的各个维度的数据。其中，Connection Speeds报表，反映了网站访问者的网络连接的情况。通过这个报表，可以了解访问者的网络状况，那么，我们可不可以更进一步，去跟踪访问者的浏览器加载页面的所花费的时间。这样可以更加直接的得到更具参考性的资料。

网页加载时间的数据，可以分析些什么呢？网页加载的时间越长，说明用户连接到服务器的速度越慢。访客一般都是缺乏耐心的，如果5、6秒钟还不能加载页面，他们就开始考虑关闭这个浏览器的窗口了。再细化到不同的地域分析，那么可以考虑在打开速度慢的地方增加镜像服务器。如果各处加载页面都很慢，那就可以看是不是服务器端的接入和本身负载的问题了。

那应该如果做才能跟踪到这个数据呢？这需要一点JavaScript的代码。

首先在页面的HTML的头部，记录一个时间：

var date = new Date();
var startstamp = date.getTime();

然后，在底部，在得到一个时间，两个时间的差值，就是页面打开的时间了：

date = new Date();
var endstamp = date.getTime();
var interval = endstamp – startstamp;

我们只需要知道一个大的范围，不用很精确，所以做如下的判断：

var scope;
if(interval<50) {
scope = “0 – 50 ms”;
}
else if(interval < 100) {
scope = “50 – 100 ms”;
}
else if(interval < 200) {
scope = “100 – 200 ms”;
}
else if(interval < 500) {
scope = “200 – 500 ms”;
}
else if(interval < 1000) {
scope = “500 – 1000 ms”;
}
else if(interval < 2000) {
scope = “1000 – 2000 ms”;
}
else {
scope = “2000+ ms”;
}

最后，要用到Google Analytics的_setVar()函数，把值放到User Defined报表中：

pageTracker._setVar(scope);

如果你在使用Omniture的SiteCatalyst也没有问题，只要建立两个自定义变量来跟踪就可以了：

s.propx＝scope;
s.eVarx=s.propx;

修改好了，就等着看报表吧：

page-loading-report

您也许还对以下内容有兴趣：

评论

4 Responses to “网站分析－分析网页加载时间”

  1. google analytics hack 大全（最后更新6月6日） : 品客悦读发表：
    六月 17th, 2010

    [...] 7.用google analytics监测页面打开时间：有的时候我们发现页面打开慢，我以前的方法是用firebug，后来看同事用httpwatch发现这个工具也蛮不 错。但是他们都是针对单个页面的，没法看整体。刚好google可以做到的。原理是：在页头放一段代码，作为加载的开始时间。在页脚放一段作为结束。然后 让GA去算。这个功能有点架大炮打蚊子的感觉，我就不展开了，看这里http://www.webanalytics.org.cn/page-loading-time-analysis/ [...]

  2. iFooto发表：
    六月 23rd, 2010

    你好，我加过之后在Analytics里的用户定义还是没有显示，不知道是什么原因？

    [回复]

    深蓝 回复:
    六月 24th, 2010

    你现在再看看，用户定义有时延时比较严重。如果还没有，就要调试代码了，看问题出在哪里。

    [回复]

    iFooto 回复:
    六月 28th, 2010

    好像还是(not set)不知道什么情况

    [回复]

Leave a Reply