如何防止 JavaScript 阻止其他 JavaScript 开始下载？
我的网站上有以下内容：
<html>
<body>
....
<script type="text/javascript" src="http://example.com/ex.js"></script>
<script type="text/javascript" src="http://google.com/google-maps.js"></script>
</body>
</html>
当我使用 YSlow Firefox 插件时，我可以从网络流量选项卡中看到 google.com/google-maps.js JavaScript 在 ex.js 完成下载之前不会开始下载。
问题：如何让ex.js 和google-maps.js 立即开始并行下载？
【问题讨论】：
标签： javascript html blocking
使用<script> 元素的async or defer attribute：
async和defer脚本都开始 立即下载而无需暂停 解析器并且都支持 可选的onload处理程序来解决 常见需要执行初始化 这取决于脚本。这async和defer之间的区别 以脚本为中心 执行。每个async脚本都会执行 在它之后的第一个机会 完成下载之前window的load事件。这意味着它 可能（并且可能）async脚本不按顺序执行 它们出现在页面中的位置。这 另一方面，defer脚本是 保证按顺序执行 它们出现在页面中。那次执行 解析完成后开始 完成，但在document之前DOMContentLoaded事件。
defer。async。 （不 IE 支持！）defer 是您的最佳选择。脚本将并行下载并同步（按顺序）执行。它也比async 得到更好的支持和更可预测。 （另见this very detailed analysis of async/defer。）
<script defer type="text/javascript" src="script.js"></script>
【讨论】：
这很难看，但您可以通过注入 DOM 元素来并行下载脚本……使用 javascript。
查看this blog post 获取工作示例。
【讨论】：
这对于 HTML 中的内联脚本是正常的。您可以使用以下代码动态添加脚本：
<script type="text/javascript">
var head = document.getElementsByTagName("head")[0];
var sTag1 = document.createElement("script");
var sTag2 = document.createElement("script");
sTag1.type = sTag2.type = "text/javascript";
sTag1.src = "http://example.com/ex.js";
sTag2.src = "http://google.com/google-maps.js";
head.appendChild(sTag1);
head.appendChild(sTag2);
</script>
但是，这可能会导致意外结果 - 它们可能不会以正确的顺序下载和解析，如果脚本 2 引用脚本 1 中的变量或函数，这一点很重要。
如果您只想在脚本加载之前加载 HTML，请保持它们的顺序并将它们 放在 HTML 文件的底部，而不是放在 head 标记中。这将在下载和解析脚本之前加载页面。见http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html。
【讨论】：
writeLn 编写 HTML。
JavaScript 文件将始终按照指定的顺序下载。
【讨论】：