很多文章都會(huì)說(shuō)到網(wǎng)站速度對(duì)于用戶轉(zhuǎn)化的影響，速度慢的網(wǎng)站用戶更容易離開，尤其是可以找到替代內(nèi)容的情況下。

那么如何度量網(wǎng)站的加載速度呢，之前大家的做法是在頁(yè)面的頭部記一下時(shí)間：var start = new Date().getTime()，然后在頁(yè)腳計(jì)算一下用掉的時(shí)間：var timeUse = new Date().getTime() – start，把這兒的timeUse用事件的方式提交到GA服務(wù)器：_gaq.push(['_trackEvent', 'timeUse', '/home.html', 'load', timeUse])，最后在GA的事件列表，看事件的平均值來(lái)評(píng)價(jià)頁(yè)面的加載時(shí)間。

這樣做，可以獲得加載時(shí)間，但不完整，完整的頁(yè)面加載是這樣的：

1、用戶打開url鏈接

2、瀏覽器查詢url的dns地址

3、提交url請(qǐng)求到服務(wù)器端

4、服務(wù)器端處理

5、傳輸處理好的html文本內(nèi)容到瀏覽器

6、瀏覽器解析html，并加載css，js，圖片等內(nèi)容

7、加載完成，用戶看到完整的頁(yè)面內(nèi)容

前面的timeUse獲取的其實(shí)是第6步操作的用時(shí)，2到5步的用時(shí)都無(wú)法獲取，假設(shè)某個(gè)網(wǎng)站的dns查詢慢，服務(wù)器端處理慢，還是會(huì)影響用戶的體驗(yàn)，而這個(gè)是我們無(wú)法度量的。

其實(shí)dns查詢，等待服務(wù)器處理等時(shí)間，作為瀏覽器是知道的，于是HTML5規(guī)范為這部分的查詢，提供了接口，允許javascript來(lái)查詢?cè)敿?xì)的用時(shí)，具體文檔在這兒：https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html#sec-navigation-timing-interface，調(diào)用的例子見這兒：http://www.html5rocks.com/en/tutorials/webperformance/basics/，假設(shè)我們要獲取當(dāng)前頁(yè)面的dns解析時(shí)間，只要：performance.timing.domainLookupEnd – performance.timing.domainLookupStart即可，目前支持該接口的瀏覽器有：firefox，chrome，IE9等對(duì)html5標(biāo)準(zhǔn)支持較好的瀏覽器。我實(shí)際看了一下我們站點(diǎn)的統(tǒng)計(jì)，firefox/chrome/IE9瀏覽器共占 38% 這樣，不同類型網(wǎng)站因?yàn)橛脩羧翰煌@個(gè)比例會(huì)有差別。速度值可以作為參考，如果Chrome加載一個(gè)頁(yè)面特別慢，可以認(rèn)為IE6也快不到那里去，就該著手優(yōu)化了。

作為與時(shí)俱進(jìn)的GA分析，當(dāng)然要使用更好的度量方式的，于是你可以在網(wǎng)站-》網(wǎng)站速度報(bào)表處看你的站點(diǎn)的詳細(xì)加載時(shí)間，包括：網(wǎng)頁(yè)的平均加載時(shí)間，重定向，dns查詢，服務(wù)器端處理等時(shí)間，在網(wǎng)頁(yè)計(jì)時(shí)(Page Timings)列表，可以按頁(yè)面看平均加載時(shí)間。

如果選擇了一個(gè)時(shí)間段，點(diǎn)擊具體的頁(yè)面，如：/home頁(yè)，還可以看一下這個(gè)頁(yè)面在這段時(shí)間的加載速度變化。

看過(guò)統(tǒng)計(jì)學(xué)的朋友都知道平均值是靠不住的，假設(shè)有10個(gè)用戶，9個(gè)加載速度是1秒，一個(gè)是191秒，這時(shí)得到的平均加載時(shí)間是：20秒，很顯然這兒的20秒是沒有意義的，我們需要看明細(xì)，GA考慮到了這個(gè)問(wèn)題，支持在報(bào)表頁(yè)點(diǎn)擊：效果(Performance)標(biāo)簽，查看明細(xì)的信息：

從這個(gè)圖上，我們可以知道大多數(shù)用戶的加載時(shí)間在10秒左右，少部分用戶特別慢，超過(guò)了20秒，整體速度可以接受。

在網(wǎng)頁(yè)計(jì)時(shí)(Page Timings)列表頁(yè)我們可以找出加載慢的頁(yè)面，有針對(duì)性的優(yōu)化。

當(dāng)然在中國(guó)的網(wǎng)絡(luò)環(huán)境下，網(wǎng)頁(yè)加載速度還受所在城市，網(wǎng)絡(luò)運(yùn)營(yíng)商等因素影響，這時(shí)可以按城市，頁(yè)面加載時(shí)間，配置一個(gè)自定義報(bào)告：

效果如下：

而網(wǎng)絡(luò)運(yùn)營(yíng)商對(duì)于網(wǎng)站加載速度的影響，要用細(xì)分來(lái)做，目前中國(guó)主要運(yùn)營(yíng)商有：電信和聯(lián)通，分別占據(jù)南北市場(chǎng)，電信的服務(wù)器提供商名會(huì)包含：chinanet，聯(lián)通會(huì)包含：unicom，以電信為例，新建一個(gè)細(xì)分：

還是剛才的/home頁(yè)，我們這時(shí)就可以按運(yùn)營(yíng)商來(lái)比較頁(yè)面加載速度了：

這時(shí)我們可以看出聯(lián)通的頁(yè)面加載速度要比電信慢很多，這時(shí)就應(yīng)該考慮使用CDN加速了，畢竟16秒還是太慢了。

影響網(wǎng)頁(yè)加載時(shí)間的因素有很多，除了運(yùn)營(yíng)商，帶寬等，如果是sns類的站點(diǎn)，同樣的home頁(yè)，不同用戶看到的內(nèi)容其實(shí)不一樣的，如：某個(gè)活躍用戶加入的小組多，好友多，這時(shí)他加載home頁(yè)自然會(huì)速度慢，如果要詳細(xì)的分析這部分用戶慢的原因，可以把用戶ID傳到自定義變量里，按用戶ID看加載時(shí)間。

對(duì)于GA的網(wǎng)站速度報(bào)表，默認(rèn)情況下是不需要額外配置的，GA在統(tǒng)計(jì)頁(yè)面時(shí)，會(huì)按1%的抽樣比例，提交頁(yè)面的加載時(shí)間，如果你的站點(diǎn)訪問(wèn)量比較小，可以通過(guò)：

_gaq.push(['_setSiteSpeedSampleRate', 20])，來(lái)調(diào)整整體的抽樣比例，或者對(duì)于重要的頁(yè)面，指定更高的抽樣比例。

在有了網(wǎng)頁(yè)加載時(shí)間的數(shù)據(jù)后，就可以分析比較加載速度對(duì)跳出率，轉(zhuǎn)化的影響了，但我實(shí)際嘗試做的時(shí)候，卻發(fā)現(xiàn)沒有現(xiàn)成的指標(biāo)，或維度來(lái)讓你篩選，我的想法是用頁(yè)面級(jí)自定義變量來(lái)標(biāo)記， key是speed，value是slow， fast，5秒以下算fast，超過(guò)5秒算slow，具體的操作，我后繼會(huì)補(bǔ)充。

小結(jié)

網(wǎng)站速度的度量不管對(duì)于網(wǎng)站開發(fā)，還是網(wǎng)站分析都有重要的意義，通過(guò)改進(jìn)網(wǎng)站速度，我們可以提高用戶體驗(yàn)，降低跳出率，提高轉(zhuǎn)化率，而這一切都是可以觀察量化的。