对与原始页面位于同一域的资源使用 <link rel="preload"> 或 <link rel="preconnect"> 有什么好处吗?

Is there any benefit in using <link rel="preload"> or <link rel="preconnect"> for resources on the same domain as the original page?

我一直在阅读使用和帮助获取关键资源的性能优势,但我不太清楚的一件事是,当资源位于与请求它们的页面。

例如我正在优化位于 abc.com 的页面 我应该在我的标记中添加 <link rel="preconnect" href="abc.com"> 还是 <link rel="preload" as="script" href="abc.com/main.js">?或者它不会有任何影响,因为当前页面与 link href 值位于同一域中?

preconnect 将无效(您已经连接到域)。

preload 会产生效果(导致立即获取资源,而无需等待发现它在页面中的哪个位置使用)。