javascript - 使用主窗口中的预连接资源提示来提高外部 iframe 中脚本的性能

Question

我的网站有一个外国 iframe。在这个外国 iframe 中运行了多个第三方脚本。

我知道如果我要从主窗口prefetch这些脚本 - iframe 将需要重新加载这些源(因为prefetch 是在不同的域中完成的) .

如果我在主窗口中为第三方脚本添加 dns-prefetch 或 preconnect 资源提示，这可能是什么原因，在 iframe 中加载这些脚本的性能会得到改善吗？这仅仅是因为我预热了脚本吗？

Answer 1

有些浏览器实现了 double-keyed HTTP Cache出于隐私原因以防止跟踪。这意味着如果 domain1 从 CDN 加载 jQuery，然后 domain2 从同一个域加载相同的 jQuery 资源，它将被再次下载，而不是重复使用来自 HTTP 缓存的相同副本。

Safari 已经这样做了一段时间并且 Chrome have recently stated they will do the same .

这意味着您不能像您所说的那样prefetch 或preload 外部域iframe 中的资源和脚本。

dns-prefetch 和 preconnect 没有这样的隐私影响(目前 - 请参阅 Andy's answer below 以了解即将发生的预连接更改)。因此它们可用于通过前端加载一些工作来提高 iframe 的性能以获取这些脚本(尽管应该注意浏览器 may not always use the same connection depending on the browser 这可能会影响 preconnect 的使用)。