html - DNS 预取和预连接 - 一个，还是两个？倒退？

Question

我一直在阅读有关使用 dns-prefetch 和预连接的信息。显然应该使用它们，因为一点一滴都有帮助。

dns-prefetch 比 preconnect 有更好的跨浏览器支持。所以我的问题是，如果浏览器不支持预连接，它会退回到 dns-prefetch 吗？我的想法是预连接基本上是带有一些额外调味料的 dns-prefetch(tls 协商，什么不是)。但我也可以看出情况并非如此。

接下来，如果我想要预连接某些东西，但又想确保 dns-prefetch 至少有效，我应该同时包括两者吗？这是最优的吗？

Answer 1

我在寻找同一个问题的答案，我在 reddit 上找到了这个帖子:https://www.reddit.com/r/webdev/comments/80w8c0/some_questions_regarding_preconnect_and/并且有一个指向 Twitter 帖子的链接:https://twitter.com/csswizardry/status/962313751818113024其中指出:

问题:

Performance experts, shall we use dns-prefetch or preconnect for things like CDN?

preconnect seems to have a bigger impact but has a lesser support. Can we use both safely?

I can’t seem to find a definitive answer as to which to use when.

回答:

Use both. Put your preconnects first.