使用XHR和脚本src之间的区别

Question

我在Chrome浏览器中看到了此问题，但也希望听到您对其他浏览器的回答。

从网站X调用了到域thirdparty.com的脚本（我是从js而不是通过HTML调用脚本的。）

<script src="http://www.thirdparty.com/example"></script>

我看到该脚本在下载之前一直排队等待。

当我将脚本调用更改为 XHR 调用（使用eval）时，下载脚本时无需先排队。

您能告诉我这个问题吗？只是巧合吗？

Answer 1

由于一位聪明的同事，我发现了这些资源，它们描述了浏览器的不同资源优先级：

https://developers.google.com/web/fundamentals/performance/resource-prioritization

https://css-tricks.com/the-critical-request/

https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf

基于这些链接-XHR的资源优先级高于脚本src。