Google Analytics - 阻止 HTML/页面渲染

Question

我使用了“不会阻止页面下载的更好的 Google Analytics JavaScript”动态加载 Google Analytics，这样就不会阻止 HTML/页面渲染。

但是，我的 HTML 页面偶尔会阻止在 Firefox 3.0 (WinXP) 上呈现，状态消息指出：

“正在从 www.google-analytics.com 传输数据”

有关如何以不会阻止 HTML/页面渲染的方式加载 Google Analytics JavaScript？

Answer 1

您可以使用 Google Analytics [异步加载跟踪代码][1]。 以下代码片段应该有所帮助：

<script type="text/javascript">

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

Answer 2

将 Google Analytics 代码放在 标记之前的最后，就像 Google 推荐的那样？

Answer 3

您可能会看到这个错误。 在 3.6 之前，FF 有时会错误地指责 google 分析导致页面速度变慢...

https:/ /bugzilla.mozilla.org/show_bug.cgi?id=487638

Answer 4

但它位于底部（就在 之前）并延迟它：

<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript">
    if (typeof(_gat)=='object')
        setTimeout(function(){
            _gat._getTracker("UA-1234567-8")._trackPageview()}, 1500);
</script>

看看我的解释，了解为什么我认为这是“集成分析的最佳方式”。

Answer 5

DEFER 属性可能适合您

<script DEFER type="text/javascript" src="http://www.google-analytics.com/ga.js">

<script DEFER type="text/javascript">... tracker code ...</script>