google-analytics - Google Analytics(分析)代码是否真的可以留在HTML的头部并且仍然不影响性能？

Question

我的小组正在将以下内容添加到头部区域：

    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-xxx-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>

当被问到这个问题时，他们说可以在这里运行，因为它不会同步运行。这是正确的还是应该将代码移至页脚？

Answer 1

这是正确的，因为脚本正在加载asynchronously，并且asynchronous加载不会保持/挂起页面加载过程，因此不会降低性能。

这是关于Asynchronous Vs. Synchronous的答案，这是关于loading javascript的很好的文章，其中包含更多的技术和示例。

我认为这是一种更好的方法（一种不引人注意的惰性加载模式）

(function() {
    function async_load(){
        // ...
    }
    if (window.attachEvent)
        window.attachEvent('onload', async_load);
    else
        window.addEventListener('load', async_load, false);
})();

但是当您像这样同步（经典）加载脚本时

<script type="text/javascript" src="yourScript.js"></script>

最好将其保留在页脚中，以免挂起页面加载。

您也可以在脚本中使用 async来允许同步加载，但并非所有浏览器都支持。这是关于它的 another answer。