JavaScript是否应该进入<；车身>；用于性能，而不是<；头>；？_Javascript_Html

JavaScript是否应该进入<；车身>；用于性能，而不是<；头>；？

javascript html

JavaScript是否应该进入<；车身>；用于性能，而不是<；头>；？,javascript,html,Javascript,Html,一个IBM网站在讨论快速web开发时提到了一个有用的HTML框架。在模板中，脚本包含在主体内部而不是头部。这是一种好的做法吗？把图书馆放在脑袋里不是更好吗 <html> <head> <title>Template</title> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/boo

一个IBM网站在讨论快速web开发时提到了一个有用的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">
  </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>


模板


模板

现在，标准要求在关闭正文标记之前包含脚本标记，以便脚本加载不会阻止页面加载的其余部分

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

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

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

验证：以下是谷歌的建议：

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

是/否是的，这是一个很好的实践，因为如果代码在结尾，页面将加载得更快

它等待整个页面加载，然后加载脚本

以下是方法：我访问了这个网站，它很快响应了我浏览器的请求。但是当我得到回复时，是一个白色的页面，上面有一些框和一些文本。而且页面加载要花很长时间。过了一段时间，一些图像出现在框中，文本被格式化。

为什么?

加载页面时，脚本被放置在头部。因此，脚本正在加载，图像和样式都在队列中。所以我不得不在脚本加载时看到一个丑陋的页面

备选方案：

如果脚本放在页面末尾，就在

标记之前，样式和图像的加载速度会更快，这样我就不必看到丑陋的站点，那么页面就会加载

参考资料：

是的，这是很好的做法。这样，您将等待标记和样式首先加载。是的，请轻松查找该链接。我通常把它放在文件的底部。即使在

之后。到目前为止，这对我来说没有任何错误。@sivatumma任何浏览器都不会给你一个错误。。。他们很宽容。。

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