firebug-lite.js 会引起网站挂起。

最新推荐文章于 2024-12-06 14:22:47 发布

sg552

最新推荐文章于 2024-12-06 14:22:47 发布

阅读量208

点赞数

文章标签： ga.js waiting for google-analytics firebug-lite

本文探讨了一个项目在development模式下运行缓慢的原因，发现是由于引入了Firebug-lite导致。通过分析HTML源代码，定位到问题根源在于引用了ga.js，进而触发了Google Analytics的加载。解决方案是在不同浏览器环境下，选择合适的开发者工具替代Firebug-lite，以提升页面加载速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前一段时间，发现某个项目在development模式下极慢。
观察发现，是卡在了： "waiting for google-analytics..."

搜索了一下，发现，是由于 ga.js 引起的。查看页面的HTML源代码，果然发现了有一段<script>，引用了 ga.js. 我很奇怪，没用过这个东东啊。

经过跟后台代码的对比，发现是由于引用了 firebug-lite引起的。

如果在后台的代码中进行了引用： ( layout.html.erb ) ：

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

前台的代码：

	
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
// 其他JS, CSS 链接

//然后这个引起麻烦的东东就出现在 </head> 标签之前。
<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-25962348-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);
	  })();

	</script>
</head>

解决办法：抛弃 firebug-lite. 它在chrome下面打开的太慢太慢了。
在 firefox下，直接用firebug （F12）
在 IE 下，先安装IE8，然后按 F12 ， developer tools.
在 chrome下， developer tools. (ctrl + shift + i)
在 safari下， developer tools! (ctrl + alt + i) , （safari下的具体用法，见这个文章： [url]http://sg552.iteye.com/blog/1168547[/url] )