Google Lighthouse 的性能报告提出了以下建议：
“避免到任何来源的多次、昂贵的往返旅行”......然后继续列出 8 个来源。
因此，我将以下代码添加到<head>我网站部分的顶部，其中 href 对应于每个来源。
<link rel='preconnect' href='https://connect.facebook.net' />
<link rel='preconnect' href='https://img.secureserver.net' />
<link rel='preconnect' href='https://advertise.bingads.microsoft.com' />
<link rel='preconnect' href='https://advertiseonbing.blob.core.windows.net' />
<link rel='preconnect' href='https://www.gstatic.com' />
<link rel='preconnect' href='https://js.calltrk.com' />
<link rel='preconnect' href='https://px.ads.linkedin.com' />
<link rel='preconnect' href='https://www.facebook.com' />
<link rel='preconnect' href='https://accounts.google.com' />
我还尝试了它们<link rel='dns-prefetch' />以及它们和其他浏览器提示的某种组合。
但是，在一段时间后再次运行 Lighthouse 报告后，它没有任何变化。有人可以引导我朝着正确的方向前进，这样我就可以在 Lighthouse 中解决这个问题，并离完美报告更近一步吗？！
编辑：我猜想为什么这样做可能不会对 Lighthouse 报告产生影响，而且是在预连接完成之前在文档中调用了资源。因此，即使从技术上讲它启动得更快并节省了一些毫秒，但文档的其余部分非常小，它甚至在预取或预连接完成之前就请求了这些资源。听起来合乎逻辑？