采集页面的准确加载时间

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的内存，各位打不开的时间多刷新几次吧~~