采集页面的准确加载时间

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

{{url}}是你自定义的变量吗？我只看到默认有{{page url}}

leo lei2018-10-18 17:05 回复 Windows 7 | Chrome 68.0.3440.106

都行
GA小站2018-10-18 17:09 回复 Mac OS X | Safari浏览器 604.1
- 噢谢谢我再GTM预览模式下可以看到事件已经被触发（如下）但是在GA的时事报告的events里看不到数据不知是为何？ Window LoadedTags Fired On This Event网页加载时间Google Analytics – Universal Analytics - Still running
  leo lei2018-10-18 17:47 回复 Windows 7 | Chrome 68.0.3440.106
  - 实时里面看的，事件报告是过段时间才看得到
    GA小站2018-10-20 14:22 回复 Mac OS X | Chrome 69.0.3497.100
    - 好的谢谢也有可能是我设置出了问题
      leo lei2018-10-22 10:48 Windows 7 | Chrome 68.0.3440.106