将 <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?将 <link rel="preload"> 或 <link rel="preconnect"> 用于与原始页面相同域中的资源有什么好处吗？
【发布时间】：2020-07-14 14:29:26
【问题描述】：

我一直在阅读有关使用和帮助获取关键资源的性能优势，但我不太明白的一件事是，当资源与页面位于同一域时，这些技术是否仍然提供好处请求他们。

例如我正在优化 abc.com 上的页面我应该在我的标记中添加 <link rel="preconnect" href="abc.com"> 或 <link rel="preload" as="script" href="abc.com/main.js"> 吗？或者由于当前页面与链接href值在同一个域中，它不会有任何影响？

【问题讨论】：

标签： optimization preload preconnect

【解决方案1】：

preconnect 将无效（您已连接到域）。

preload 将产生效果（导致资源被立即获取，而无需等待发现它在页面中的哪个位置使用）。

【讨论】：