之前看过百姓网的分享PPT,里面提到用谷歌统计来做页面加载时间的调查,这几天就看到一篇类似的文章。

http://www.biaodianfu.com/google-analytics-page-loading-time.html

转载如下

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>

转载于:https://www.cnblogs.com/brightwang/archive/2011/04/27/2030293.html

使用谷歌统计来跟踪网页加载时间相关推荐

  1. 打开服务器网页要5秒,网页优化技巧 如何把网页加载时间控制在1.5秒以内

    今天为大家分享"如何把网页加载时间控制在1.5秒以内(必看)"当然了,控制在2秒以内其实是完全可以的,我们为什么要控制页面打开速度那?首先百度会对加载慢的页面进行打击,对SEO排名 ...

  2. firefox 显示网页加载时间的插件

    Firebug/YSlow就可以. YSlow不仅可以显示网页加载时间,还可以显示各个组件的加载时间以及对网页评分,提供性能优化建议等. 但YSlow是基于Firebug的,所以必须先装Firebug ...

  3. android测量网页加载时间

    如果被测浏览器用的是webkit内核,或者是自己写的程序,总之就是如果可以获取对应的webview对象:可以通过重写webviewclient来获取加载时间.webviewclient中的onPage ...

  4. 内容分发网络 CDN 是如何提高网页加载时间的?

    几乎 Internet 上的每个人都体验过内容分发网络 (CDN) 的好处.大多数科技公司,包括谷歌.苹果和微软等公司,都使用 CDN 来减少加载网页内容的延迟. CDN 通常会将服务器放置在不同网络 ...

  5. 测试网页加载时间(转)

    网站的加载速度是决定网站等级的重要因素,值得站长特别关注.原因很简单,没有人愿意为了打开一个网页而等老半天,换句话说,如果你的网站打开速度 很慢,将流失大量的访客,甚至出现多米诺效应的不良影响.在埋头 ...

  6. 网站显示网页加载时间代码-Typecho

    介绍: 给你的网站加一个显示加载时间 网盘下载地址: http://kekewangLuo.net/6nXDXB9ciMB0 图片:

  7. 【pngquant】使用Python压缩图片,降低网页加载时间

    更多内容请点击 我的博客 查看,欢迎来访. 用来做什么? 个人在写博客时,发现上传的图片如果很大,web访问第一次加载该图片就特别的慢. 可以考虑使用缩略图,浏览时显示缩略图,如果要看高清图,需点击图 ...

  8. 网站性能测试:使用Selenium测试网页加载时间

    WebLOAD与用于Web浏览器应用程序的开源测试工具Selenium的集成,使您可以将执行实际活动的真实Web浏览器集成到您的性能测试场景中,并准确识别问题. 使用集成,您可以使用WebLOAD的虚 ...

  9. uc点网页显示服务器升级,让uc浏览器网页加载速度提升100%

    摘要: 3G的最大特征就是网速的极大提升,而这正是 uc浏览器 手机浏览器的立身之本. 版本升级速度再提升100% 新发布的uc浏览器进一步改进了WAP/WEB网页的加载方式,不仅有效提高了浏览器的跳 ...

  10. 如何提升网页加载性能

    摘自 https://github.com/xitu/gold-miner/blob/master/TODO/building-a-shop-with-sub-second-page-loads-le ...

最新文章

  1. Access和SQL server开启表间关系,并实现更新或删除母表数据自动更新或删除子表数据...
  2. nginx反向代理和rewrite进行解决跨域问题、去掉url中的一部分字符串,通过nginx正则生成新的url...
  3. 【Leetcode | easy】最长公共前缀
  4. mpvue微信小程序动画_mpvue小程序以及微信直播踩坑总结
  5. ASP.NET企业开发框架IsLine FrameWork系列之十五--框架配置信息大全(下)
  6. STP:生成树协议解决网络冗余问题
  7. 矩阵分解(matrix factorization)
  8. Newtonsoft.Json 序列化和反序列化 以及时间格式 2
  9. excel 单元格内换行
  10. CHAPTER 28 VMX SUPPORT FOR ADDRESS TRANSLATION
  11. 常见的弱口令字典1000~一石三鸟
  12. diskgenius创建efi分区_怎么创建efi系统分区?efi系统分区创建教程
  13. 如何避免“被贷款”影响个人信用记录?
  14. 基于SSL/TLS双向安全连接设备CA证书认证
  15. 小程序运营推广的方法
  16. 高斯约当法求逆矩阵的算法实现(C++)
  17. 全面认识MOS管,一篇文章就够了
  18. 杰里之AI(692X系列)篇
  19. Methyltetrazine-PEG8-DBCO,甲基四嗪--八聚乙二醇-二苯并环辛炔
  20. Android 12 快速适配要点

热门文章

  1. 阶段2 JavaWeb+黑马旅游网_15-Maven基础_第3节 maven标准目录结构和常用命令_06maven标准目录结构...
  2. 阶段2 JavaWeb+黑马旅游网_15-Maven基础_第1节 基本概念_03maven一键构建概念
  3. vue-cli3创建项目时报错
  4. 百度地图电子围栏功能的实现
  5. Java基础——详尽说明try-catch-finally的用法
  6. 获得select下拉框的值
  7. 10 步让你成为更优秀的Coder
  8. 【转载】在使用上perror和strerror应注意的地方
  9. ubuntu 开发环境的配置 (转)
  10. 用ASP设计购物推车