使Javascript无阻塞

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

解决方法:

I’ve heard about the defer attribute that can be used with the script tag.

是的,defer and async使脚本(可能)在初始解析/渲染期间不会同步运行.

Are there other such methods…

是的,如果您在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>

…and if there are then what are their advantages over defer?

推迟和异步aren’t universally supported和一些浏览器have some quirks around them.特别是,IE< 9可以不按顺序执行延迟脚本,而延迟脚本意味着按顺序处理(只是在页面的解析/呈现期间).如果你自己添加脚本元素,你可以挂钩他们的load事件,然后加载下一个脚本(或使用像RequireJS这样的东西 - 以及更多 - 为你).除此之外,并不多.

标签：javascript,nonblocking
来源： https://codeday.me/bug/20190831/1775519.html