javascript - 使用 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 具有更高的资源优先级。