26

可能重复:
在 HTML 标记中放置 <script> 标签的最佳位置在哪里?

我应该把我的外部 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>
4

3 回答 3

8

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

您可能还想查看head.js - 这已被证明比放在正文末尾的单个脚本还要快

于 2012-07-18T21:29:20.867 回答
4

当前的建议是将 javascript 放置在底部,不是因为它“看起来加载速度更快”,而是因为将它们放在那里,javascript 解析和执行不会阻止浏览器执行其他操作(例如加载页面的其余部分) )。

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

至于 Google 分析代码 - 将其放在底部是一种很好的做法,如您的示例所示。

于 2012-07-18T21:30:09.933 回答
4

将脚本放在页面末尾将有助于提高性能

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

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

于 2012-07-18T21:32:02.800 回答