使Javascript无阻塞

Question

在以非阻塞方式呈现Javascript时,有哪些不同的方法(效率方面的比较)？我听说过可以与script标签一起使用的defer属性.还有其他这样的方法,如果有什么比推迟有什么优势？

Answer 1

我听说过可以与script标签一起使用的defer属性.

是的,defer并且async在初始解析/呈现期间使脚本(可能)不同步运行.

还有其他这样的方法......

是的,如果您script在JavaScript中创建一个元素并将其附加到DOM,那么它也不会阻止页面解析/呈现.例如:

<script>
(function() {
    var script = document.createElement('script');
    script.src = "/path/to/your/async/script.js";
    document.getElementsByTagName('script')[0].parentNode.appendChild(script);
})();
</script>

......如果有的话,他们有什么优势推迟？

defer并async 没有普遍支持,一些浏览器有一些怪癖.特别地,IE <9可以defer不按顺序执行'd脚本,而defer'd脚本意味着按顺序处理(仅在页面的解析/呈现期间).如果你script自己添加元素,你可以挂钩他们的load事件,然后加载下一个脚本(或使用像RequireJS这样的东西 - 以及更多 - 为你).除此之外,并不多.