对非阻塞脚本的痴迷

Question

由于我发现了非阻塞脚本的概念, 我已经开始着迷于以这种方式加载所有外部脚本.我甚至砍了Joomla!模板(我知道这是一个不好的做法),以便在index.php文件中加载非阻塞脚本.示例代码如下.

(function() {
    var script = document.createElement('script'),  head = document.getElementsByTagName('head')[0]; 

    script.type = 'text/javascript'; 
    script.src = "http://www.mywebsite.com/scripts/one_of_many.js"
    head.appendChild(script);
})();

我的问题是:

何时加载非阻塞脚本是好还是坏？

使用非阻塞脚本的限制应该是什么？

Answer 1

您用于非阻塞脚本（附加脚本 DOM 元素）的技术不会在所有浏览器上保持脚本执行顺序，仅在 Firefox 和 Opera 上保持脚本执行顺序。

如果您不关心执行顺序，那么您可以安全地使用它。

如果没有，您可以将其与其他一些技术结合使用，例如 IE 的脚本延迟、iframe 或 XHR 中的脚本。

有关更快网站的更多详细信息