问为了提高性能，JavaScript应该放在<body>内部，而不是<head>吗？
EN

Stack Overflow用户

提问于 2013-12-27 11:36:15

回答 1查看 9.6K关注 0票数 6

一个IBM网站谈到了快速的web开发，here提到了一个有用的框架。在模板中，脚本包含在body中，而不是head中。这是一个很好的实践吗？将任何库放入head中不是更好吗？

<html>
  <head>
    <title>Template</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
  </head>
  <body>
    <!-- The main HTML will go here -->
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

<html>
  <head>
    <title>Template</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </head>
  <body>
    <!-- The main HTML will go here -->
  </body>
</html>

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-27 11:38:32

现在标准的做法是在body标记结束之前包含脚本标记，这样脚本加载就不会阻塞页面加载的其余部分。

  <script src="myScript.js"></script>
</body>

这样，用户将不必等待很长时间才能看到页面上的内容，然后添加javascript功能。

然而，有越来越多的网站和"web应用程序“是javascript/ajax繁重的，可能需要在页面上显示任何内容之前加载脚本。这种情况不太常见，但这是一种脚本可以包含在任何一个位置的情况，因为如果javascript负责创建/加载内容，则视觉结果将是相同的。

还要考虑从CDN加载库，以便您可以利用浏览器缓存。

票数 11

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20794364

复制

相似问题

问为了提高性能，JavaScript应该放在<body>内部，而不是<head>吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为了提高性能，JavaScript应该放在<body>内部，而不是<head>吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为了提高性能，JavaScript应该放在<body>内部，而不是<head>吗？
EN