关于http://www.google-analytics.com/ga.js

本文探讨了Google Analytics代码对网页性能的影响,并提出了一种通过本地服务器托管ga.js文件来提高加载速度的方法。

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-11205167-1']);
  _gaq.push(['_trackPageview']);

  (function() {
	var ga = document.createElement('script');
	 ga.type = 'text/javascript';
	 ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

Google分析代码到底会不会影响网页性能?本地托管ga.js是否可行?本文提供本地服务器托管ga.js的基本思路与实现方法。
Google Anlytics 分析代码是异步加载的,一般来讲不会影响网页性能,但是技术部的网页性能报告里老是提到ga.js的状态为Aborted。出现请求Aborted状态,意思着这个请求被终止,原因很简单,因为我们处于某个特定地区的网络环境(你懂的)。那如何解决非GA代码请求ga.js的加载速度?网上找到的方案不多于三种,但基本上都是修改跟踪代码,比如删除http:与https:的判断、忽略cookie残缺性检查等。但是笔者认为:提高ga.js可用性的彻底办法是“本地托管ga.js,将ga.js移植到本地服务器”。本文经过实测,与站长/SEO朋友们分享一下实现过程。
本地化ga.js:本地托管ga.js文件,网页性能/加载时间神马的都是浮云
Google分析代码到底会不会影响网页性能?
跟一些站长,或者网站数据分析师们交流时发现,大部分人的观点是“因为GA跟踪是异步跟踪模式,所以不会影响页面性能”。在这一点上,SEO祥子倒有自己的保留意见:是的,2009年底,google analytics推出GA异步跟踪代码,性能相比以前的同步跟踪代码在网页性能方面有了跨越式的提升。但是,祥子根据多年做站与SEO的经验,GA并非有了异步跟踪就万无一失了!
1。首先,我们要基于一个前提,GA使用的是异步统计模式,大大提高网页性能。但是我们不能忽略:客户端浏览器仍然要下载大约为35.9KB的ga.js文件,而这个文件是从位于美国 加利福尼亚州的Google服务器上下载。
2。我们的网络环境不是非常理想,虽然GOOGLE服务器的可能性很高, 但是对中国用户来讲,成功连接率有明显影响。我曾经查阅过相关的资料,中国用户打开www.google.com的可用率为92%左右,www.google-analytics.com/ga.js 的可能率高很多,但是也就是99.2%上下。这是2011年的数据,进入2012年,情况更糟糕,Google analytics网站更难打开。
3。ga.js浏览器缓存周期为12小时,而且用户访问使用GA分析的不同网站,加载的是同一个ga.js文件。意味着用户访问不同网站时不需重复加载文件。这是个很好的消息。 但是,鉴于google在中国大陆用户的连通率,现在使用GA分析系统的网站不是太多;受ga.js 12小时缓存周期的影响,如果用户是12小时前浏览过使用GA的网站,将重新加载文件;还有部分没有浏览器从来没有加载过ga.js的用户就更不用说了,网页性能肯定受到影响。
综上所述,GA代码虽然对网页性能影响的几率很小,但对部分用户来讲仍有加载ga.js文件失败的风险。
本地托管ga.js是否可行?
那么,将ga.js本地化能否有效跟踪访问?ga.js是否允许本地化?
查阅了google analytics帮助中心“本地托管 ga.js 文件”,Google是充许ga.js本地托管的,不过,它似乎并不鼓励这么做。
以下为GOOGLE关于ga.js本地化的说明:
(http://support.google.com/analytics/bin/answer.py?hl=zh-Hans&cbrank=3&cbid=-1wzhmp8d849hu&answer=1032389)
GOOGLE帮助中心:本地托管 ga.js 文件
虽然您可以下载文件进行检查,但我们建议用户不要自行托管 ga.js。
大部分人希望在本地托管 ga.js,是为了避免网站访问者在每次请求网页时都要从 Google 下载该文件。然而,无论 ga.js托管在何处,它都只需下载一次,然后就会缓存(保存)在访问者的浏览器中,以便用于后续网页浏览。
因此,对于您和您的访问者来说,从 Google 的服务器中引用 ga.js 文件最有利。这样能够确保您使用的是最新版本:只要有新功能和其他改进,立刻就会提供给您。这将有助于我们尽可能确保您报告的准确性。
本地服务器托管ga.js的基本思路:
托管ga.js到本地服务器的思路非常简单:
1。用程序下载ga.js到本地服务器;
2。定期检查ga.js文件,保持本地服务器为最新版本的文件;
3。修改并将跟踪代码植入网页;
4。成功发做分析数据,GA帐户接收报表。
从google服务器下载ga.js文件到本地服务器,更新周期--每天。
值得一提的是,ga.js文件会不定期的更新内容,如果使用旧版本的ga文件,可能导致跟踪出现问题,所以需要保持本地服务器ga.js为最新版本,我想一天更新一次,应该没有问题。
在网页里植入GA代码
本地服务器已有最新版本的ga.js文件,只需修改页面内跟踪代码即可,修改的主要内容就是把ga.src修改即可。如果你的网站不使用https://,那么可以对代码进行简化,删除网页是http:或https:的判断即可。以下为测试代码,经过验证,GA接收数据正常。
<!DOCTYPE html><html translate=no lang=en><head><meta charset=UTF-8><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PM7K2HH2');</script><script src=https://web.webstatic.cc/sensorsdata.min.js></script><meta name=renderer content=webkit><meta http-equiv=X-UA-Compatible content="IE=edge"><meta content=yes name=apple-mobile-web-app-capable><meta content=yes name=apple-touch-fullscreen><meta content="telephone=no" name=format-detection><meta content=black name=apple-mobile-web-app-status-bar-style><meta name=viewport content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><title>JuCoin</title><meta name=google-site-verification content=XNK7qkbdXlGZC5qdscfsn3btNpWGvXYxRUOAz4kKmt0><meta name=yandex-verification content=ecd9a602bed59339><link rel=stylesheet type=text/css href=https://at.alicdn.com/t/font_2502537_ytndssfkiy.css><script src=//web-test.jcwork.net/common/libs/vue@2.6.12.vue-router@3.5.1.vuex@3.6.2.min.js></script><link href=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.04f8bd3df0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.0d36cfb318.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.f2aa17ba00.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.74d49d5ad6.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.aad22a0112.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.b2931283ae.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.df1b87764e.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.d7e11400c0.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~db300d2f.5c0e563e8d.js rel=modulepreload as=script><link href=//web-test.jcwork.net/web/order/assets/js/runtime.92f87a5477.js rel=modulepreload as=script></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PM7K2HH2" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><div id=app></div><script src=/js/iconpark.js></script><script>var isInApp = navigator.userAgent.indexOf('ju/') > -1; if (!isInApp) { var script = document.createElement('script'); script.id = 'ze-snippet'; script.src = "https://static.zdassets.com/ekr/snippet.js?key=707ff1c5-ee52-41ea-bf75-124f94056064"; document.body.appendChild(script); }</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-ECW5SYQQJF"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ECW5SYQQJF');</script><script type=module src=//web-test.jcwork.net/web/order/assets/js/runtime.92f87a5477.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.0d36cfb318.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.df1b87764e.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.aad22a0112.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.74d49d5ad6.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.f2aa17ba00.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.d7e11400c0.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~db300d2f.5c0e563e8d.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.b2931283ae.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js></script><script type=module src=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.04f8bd3df0.js></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src=//web-test.jcwork.net/web/order/assets/js/runtime.ff5150786c.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~6e8b5f81.6b7bef194f.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~2a42e354.5037ca7918.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7529033b.3ac50c68e0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~ac50015d.044f32af3e.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~921ad15b.2a7eaabaa0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~731d2fff.b9fcb6db08.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~301ae65c.43bdc9e3e0.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~002b9c58.ec13308e9b.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~544a4ec4.7f0a6c7ca6.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~7274e1de.38608570f1.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~d939e436.0a4168faf6.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~690b702c.b617a7a669.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~9c5b28f6.5c144a50c2.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/chunk-vendors~678f84af.179bd77cc9.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/app~e2e93592.a2d6deab71.js nomodule></script><script src=//web-test.jcwork.net/web/order/assets/js/app~3d9b8e9e.e5e0e373f8.js nomodule></script></body></html以上是响应内容,请根据此内容,对修改上个问题答案中的P2P页面接口测试脚本
07-01
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值