<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>网站分析 Web Analytics &#187; 页面加载时间</title>
	<atom:link href="http://www.webanalytics.org.cn/tag/%e9%a1%b5%e9%9d%a2%e5%8a%a0%e8%bd%bd%e6%97%b6%e9%97%b4/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webanalytics.org.cn</link>
	<description>专注于网站分析工具、网站分析方法与网站分析实践</description>
	<lastBuildDate>Fri, 25 Jun 2010 05:55:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>网站分析－分析网页加载时间</title>
		<link>http://www.webanalytics.org.cn/page-loading-time-analysis/</link>
		<comments>http://www.webanalytics.org.cn/page-loading-time-analysis/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 02:15:15 +0000</pubDate>
		<dc:creator>深蓝</dc:creator>
				<category><![CDATA[分析实践]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[SiteCatalyst]]></category>
		<category><![CDATA[网站优化]]></category>
		<category><![CDATA[页面加载时间]]></category>

		<guid isPermaLink="false">http://www.webanalytics.org.cn/?p=118</guid>
		<description><![CDATA[<img class="alignleft size-full wp-image-119" title="loading" src="http://www.webanalytics.org.cn/wp-content/uploads/2009/11/loading.gif" alt="loading" width="189" height="189" />Google Analytics是非常好用的网站分析工具，可以跟踪网站的各个维度的数据。其中，Connection Speeds报表，反映了网站访问者的网络连接的情况。通过这个报表，可以了解访问者的网络状况，那么，我们可不可以更进一步，去跟踪访问者的浏览器加载页面的所花费的时间。这样可以更加直接的得到更具参考性的资料。

网页加载时间的数据，可以分析些什么呢？网页加载的时间越长，说明用户连接到服务器的速度越慢。访客一般都是缺乏耐心的，如果5、6秒钟还不能加载页面，他们就开始考虑关闭这个浏览器的窗口了。再细化到不同的地域分析，那么可以考虑在打开速度慢的地方增加镜像服务器。如果各处加载页面都很慢，那就可以看是不是服务器端的接入和本身负载的问题了。

那应该如果做才能跟踪到这个数据呢？]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-119" title="loading" src="http://www.webanalytics.org.cn/wp-content/uploads/2009/11/loading.gif" alt="loading" width="189" height="189" />Google Analytics是非常好用的网站分析工具，可以跟踪网站的各个维度的数据。其中，Connection Speeds报表，反映了网站访问者的网络连接的情况。通过这个报表，可以了解访问者的网络状况，那么，我们可不可以更进一步，去跟踪访问者的浏览器加载页面的所花费的时间。这样可以更加直接的得到更具参考性的资料。</p>
<p>网页加载时间的数据，可以分析些什么呢？网页加载的时间越长，说明用户连接到服务器的速度越慢。访客一般都是缺乏耐心的，如果5、6秒钟还不能加载页面，他们就开始考虑关闭这个浏览器的窗口了。再细化到不同的地域分析，那么可以考虑在打开速度慢的地方增加镜像服务器。如果各处加载页面都很慢，那就可以看是不是服务器端的接入和本身负载的问题了。</p>
<p>那应该如果做才能跟踪到这个数据呢？这需要一点JavaScript的代码。</p>
<p>首先在页面的HTML的头部，记录一个时间：</p>
<p><em><span style="color: #808080;">var date = new Date();<br />
var startstamp = date.getTime();</span></em></p>
<p>然后，在底部，在得到一个时间，两个时间的差值，就是页面打开的时间了：</p>
<p><em><span style="color: #808080;">date = new Date();<br />
var endstamp = date.getTime();<br />
var interval = endstamp &#8211; startstamp;</span></em></p>
<p>我们只需要知道一个大的范围，不用很精确，所以做如下的判断：</p>
<p><em><span style="color: #808080;">var scope;<br />
if(interval&lt;50) {<br />
scope = &#8220;0 &#8211; 50 ms&#8221;;<br />
}<br />
else if(interval &lt; 100) {<br />
scope = &#8220;50 &#8211; 100 ms&#8221;;<br />
}<br />
else if(interval &lt; 200) {<br />
scope = &#8220;100 &#8211; 200 ms&#8221;;<br />
}<br />
else if(interval &lt; 500) {<br />
scope = &#8220;200 &#8211; 500 ms&#8221;;<br />
}<br />
else if(interval &lt; 1000) {<br />
scope = &#8220;500 &#8211; 1000 ms&#8221;;<br />
}<br />
else if(interval &lt; 2000) {<br />
scope = &#8220;1000 &#8211; 2000 ms&#8221;;<br />
}<br />
else {<br />
scope = &#8220;2000+ ms&#8221;;<br />
}</span></em></p>
<p>最后，要用到Google Analytics的_setVar()函数，把值放到User Defined报表中：</p>
<p><em><span style="color: #808080;">pageTracker._setVar(scope);</span></em></p>
<p>如果你在使用Omniture的SiteCatalyst也没有问题，只要建立两个自定义变量来跟踪就可以了：</p>
<p><em><span style="color: #808080;">s.propx＝scope;<br />
s.eVarx=s.propx;</span></em></p>
<p>修改好了，就等着看报表吧：</p>
<p><img class="alignnone size-full wp-image-120" title="page-loading-report" src="http://www.webanalytics.org.cn/wp-content/uploads/2009/11/page-loading-report.jpg" alt="page-loading-report" width="480" height="162" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webanalytics.org.cn/page-loading-time-analysis/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
