使用谷歌统计来跟踪网页加载时间
- 车东 - 标点符Google Analytics可以用来记录网站的加载时间或网页内各个模块的加载时间,其实整个原理非常的简单,只是记录页面呢不同位置javascript的执行时间,两者相减即加载时间. 比如我想知道用户加载页面中head部分JS和CSS的时间和加载页面中主体内容body的时间. 1、在页面head中CSS和JS文件加载前添加如下代码:.
Google Analytics可以用来记录网站的加载时间或网页内各个模块的加载时间,其实整个原理非常的简单,只是记录页面呢不同位置javascript的执行时间,两者相减即加载时间。比如我想知道用户加载页面中head部分JS和CSS的时间和加载页面中主体内容body的时间。具体实现方式如下:
1、在页面head中CSS和JS文件加载前添加如下代码:
<script type="text/javascript">var _head_start = new Date();</script>
2、在页面<body>位置后面添加下面的代码:
<script type="text/javascript">var _body_start = new Date();</script>
3、在页面页脚中,即</body>前添加下面的GA代码:
<script type="text/javascript">var _now= new Date();</script>
4、通过Google Analytics的事件跟踪将加载时间记录下来:
<script type="text/javascript";> if (typeof(_head_start)==typeof(_now)) { if (_now-_head_start<1000*10) { _gaq.push(['_trackEvent', 'Performance', 'head', '/pagepath/', _now-_head_start]); _gaq.push(['_trackEvent', 'Performance', 'body', '/pagepath/', _now-_body_start]); }else{ _gaq.push(['_trackEvent', 'Performance', 'slow head', '/pagepath/', _now-_head_start]); _gaq.push(['_trackEvent', 'Performance', 'slow body', '/pagepath/', _now-_body_start]); } } </script>
Related posts: