外部JavaScript - 正文或头部?

时间:2012-07-18 21:27:14

标签: javascript html

  

可能重复:
  Where is the best place to put <script> tags in HTML markup?

我应该在哪里放置外部JavaScript文件?我知道人们把它放在body标签的末尾,以使网页看起来更快加载。但最后把它放在最后是否有任何缺点?

将JavaScript与Google Analytics代码放在一起是一种很好的做法吗?

<body>
// Everything else over here ... conent etc..
     <script src="myjavascript.js" type="text/javascript"></script>
        <script type="text/javascript">
        // google analytics code
        </script>
</body>

3 个答案:

答案 0 :(得分:8)

是的,人们通常会将其放在最后以加快页面加载速度。您使用谷歌分析脚本所拥有的是常见做法。

您可能还想查看head.js - 此has been shown甚至比放在身体末尾的单个脚本更快

答案 1 :(得分:4)

目前的建议是将javascript放在底部而不是因为它“看起来加载得更快”,但是因为将它们放在那里,javascript解析和执行并不会阻止浏览器做其他事情(比如加载其余的东西)页面)。

我能想到的一点是,如果你在外部JS中定义任何对象和函数并想在页面中使用它们,你必须等待页面加载/准备好。

至于Google分析代码 - 最好将它放在底部,如您的示例所示。

答案 2 :(得分:4)

将您的脚本放在页面末尾将有助于improve the performance

  

脚本引起的问题是它们会阻止并行下载。   HTTP / 1.1规范表明浏览器不再下载   每个主机名并行两个组件。如果您提供图像   从多个主机名,您可以获得两次以上的下载   在平行下。但是,在下载脚本时,浏览器不会   即使在不同的主机名上,也可以启动任何其他下载。

重要的是要注意,在访问外部JS中引用的任何对象之前,必须首先完全加载它们。