javascript - 异步脚本加载和加载时间过长

Question

我了解 defer 和 async，但我仍然对 UX 方面的异步加载是否完全异步存有一些疑问

我拥有的所有 JS 都通过管道传输到 application.js 中，并添加到 标记的底部。

现在，其中的一些代码异步添加其他脚本(即用于分析)，如下所示:

script = document.createElement('script')
script.type = 'text/javascript'
script.src = 'http....js'
document.body.appendChild(script) 

一切都很好...JS不会阻塞渲染，加载后会执行等等，但有一个问题!如果异步加载的脚本加载 15 秒(就像我们刚刚添加的一个跟踪工具一样)，会发生什么情况？我可以注意到页面并没有没有响应，当然，DOM 就绪已被触发，但是仍然可以加载的图像或 .appendChild(script) 之后的 application.js 中的其余 Javascript 会发生什么情况？

Answer 1

appendChild 仅将脚本元素添加到文档正文。

脚本元素的下载只有在添加到正文后才会开始。这不会阻止appendChild之后的javascript的执行。

Nicholas C. Zakas 写了一篇很好的文章，解释了它是如何工作的 article