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

标签 javascript performance google-chrome xmlhttprequest

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

已从网站 X 调用域 thirdparty.com 的脚本(我从 js 调用脚本,而不是通过 HTML)。

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

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

当我将对脚本的调用更改为 XHR 调用(使用 eval)时,脚本在没有先排队的情况下被下载。

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

最佳答案

感谢一些聪明的同事,我找到了这些描述浏览器不同资源优先级的资源:

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

关于javascript - 使用 XHR 和脚本 src 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53998417/

相关文章:

javascript - 如何区分 JavaScript 中的 click 和 mousedown 事件?

Qt 的安装程序文件在 Chrome 中给出 "... is malicious, and Chrome has blocked it"消息

c# - 如何在 Web 应用程序中更改文本框输入语言

javascript - 使用 Url.action() 传递动态 javascript 值

performance - 直接查询比使用 join 的子查询慢得多

android - 为离线应用程序创建备份的最佳方法?

google-chrome - 将 X-Window 的内容馈送到虚拟相机

html - Accesskey 不适用于 chrome 中的 h1 元素

javascript - HTML 文本框值属性是否可以免受 XSS 攻击?

performance - 为什么Delphi打开时间越长编译速度就越慢,我该怎么办?