javascript - 使用 XHR 和脚本 src 的区别

Question

我在 Chrome 中看到了这个问题，但也很想听听您对其他浏览器的回答。

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

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

我看到这个脚本在下载之前一直在排队。

当我将对脚本的调用更改为XHR调用（带有eval）时，脚本在没有先排队的情况下被下载。

你能向我解释一下这个问题吗？这只是巧合吗？

标签： javascriptperformancegoogle-chromexmlhttprequest

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 更高的资源优先级。