采集页面的准确加载时间

GTM实战指南 黄业忠 2218次浏览 已收录 7个评论

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


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:采集页面的准确加载时间
链接:https://www.ichdata.com/gets-the-exact-load-time-of-the-page-google-analytics.html

喜欢 (0)
[hyz1100@126.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(7)个小伙伴在吐槽
  1. {{url}}是你自定义的变量吗? 我只看到默认有{{page url}}
    leo lei2018-10-18 17:05 回复
    • 黄业忠
      都行
      GA小站2018-10-18 17:09 回复
      • 噢 谢谢 我再GTM预览模式下 可以看到事件已经被触发(如下)但是在GA的时事报告的events里看不到数据 不知是为何? Window Loaded Tags Fired On This Event 网页加载时间 Google Analytics – Universal Analytics - Still running
        leo lei2018-10-18 17:47 回复
        • 黄业忠
          实时里面看的,事件报告是过段时间才看得到
          GA小站2018-10-20 14:22 回复
          • 好的 谢谢 也有可能是我设置出了问题
            leo lei2018-10-22 10:48
  2. 第4步的结果是从哪里看的?可以详细告知一下不,找了好久没有找到
    小九2018-10-09 17:24 回复
    • 黄业忠
      GA里面的实时报告
      GA小站2018-10-09 23:59 回复