GA里面有个页面加载时间,但是是按照1%抽样计算的,所以得出数据特别不靠谱,下面给大家分享一种通过GTM的方式采集准确的页面加载时间。
原理是:用js获取页面加载前后的两个时间相减,单位是ms,在做转换,然后通过事件发送至Google Analytics
浏览器请求服务器的过程:
可以看到网页在向服务器请求可以分成几个时间段,寻址,连接服务器,加载页面,我们这里计算的是加载页面的耗时,具体其他时间有下面一些:
pageLoadTime = loadEventStart - navigationStart
domainLookupTime = domainLookupEnd - domainLookupStart
serverConnectionTime = connectEnd - connectStart
serverResponseTime = responseStart - requestStart
pageDownloadTime = responseEnd - responseStart
redirectionTime = fetchStart - navigationStart
domInteractiveTime = domInteractive - navigationStart
domContentLoadedTime = domContentLoadedEventStart - navigationStart
1、用js获取时间点并计算时间差,转化单位(s)
2、设置触发器,页面浏览时,窗口已加载时促发
3、设置tag,向Google Analytics发送数据
4、结果
这是我测试的,GA小站的页面加载时间平均在3S左右的水平,时间是比较长的
╮(╯▽╰)╭ 因为买的是美国的VPS,只有512的内存,各位打不开的时间多刷新几次吧~~