Question

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

我一直认为最好把它放在脑袋里（也许是因为它首先加载到头部并且还将头部的所有脚本分组以便于阅读），但我在Internet上找到了几个例子（bootstrap文档），MVC4 ......等）将带有jQuery（）引用的脚本标记插入到正文中：

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>

最佳做法是什么？

Answer 1

带有jQuery库引用的<script>标记必须位于<head>或<body>标记内？

是的，或者。

将它放在一个或另一个（特别是在主体的末尾）可能会有性能优势，尽管这是在JS可以运行时延迟和在JS下载和解析时阻止加载其他内容之间的权衡

Answer 2

他们走到身体的尽头。

Answer 3

最佳做法是在页面底部使用script。它会降低页面渲染速度。

阅读这篇文章Yahoo best practices for page speed

Answer 4

http://developer.yahoo.com/performance/rules.html#js_bottom

脚本引起的问题是它们会阻止并行下载。。如果可以延迟脚本，也可以将其移动到页面底部。这将使您的网页加载速度更快。

所以是啊..在<body>

的底部

带有jQuery库引用的<script>标记必须位于<head>或<body>标记内？</script>

4 个答案: