之前一段时间,发现某个项目在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下的具体用法,见这个文章: http://sg552.iteye.com/blog/1168547 )