【问题标题】:Difference between using XHR and script src使用 XHR 和脚本 src 的区别
【发布时间】:2019-05-28 15:12:15
【问题描述】:

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

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

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

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

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

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

【问题讨论】:

  • 能否提供queue在2个场景中的截图?粘贴链接,我将编辑您的帖子并用图片替换链接
  • 如果是第三方域脚本,我认为您无法访问 xhr 结果和 eval 文本。
  • @Bergi,我是第三方拥有者,我可以要求网站X的开发者通过脚本src或者添加XHR + eval的方式将我添加到他的网页中。

标签: javascript performance google-chrome xmlhttprequest


【解决方案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。

【讨论】:

    猜你喜欢
    • 2021-06-08
    • 2019-02-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-24
    • 2017-04-10
    • 1970-01-01
    • 2020-07-03
    相关资源
    最近更新 更多