异步加载和在主体末尾放置脚本之间的差异/优点

Question

有人能告诉我在＆lt;＆lt;＆lt;身体＆gt;元素并把它放在＆lt; / body＆gt;元件？

<script>
(function (){
var script = document.createElement("script");
script.async = true;
script.type = "text/javascript";
script.src = "foo.js";
document.getElementsByTagName("head")[0].appendChild(script);}
());
</script>

Answer 1

2017年编辑

这个答案已经过时了。在现代浏览器中的http2和我们堆栈中的模块捆绑器中，使用小捆绑包的方向越来越多。仅在需要时加载的块。在移动时代更为重要。

旧答案

最佳解决方案是单个javascript文件，其中包含当前页面所需的所有内容。只有一个请求意味着更好的性能。对于生产，可以压缩单个文件，这比压缩多个文件更好。

另外，我坚持将脚本放到你的html主体的末尾，因为即使没有加载javascript，也会呈现并显示html。

带有async的脚本标记最有可能在每个浏览器中表现不同（因为它是一个非常新的功能），而将脚本放在身体的末端应该会在每个主要浏览器中产生相同的结果。 / p>

以下是JavaScript的异步加载的写法：Thinking Async