Google Lighthouse中的效果报告提出了以下建议：
Avoid multiple, costly round trips to any origin
“避免多次，昂贵的往返任何来源”......然后继续列出8个来源。
所以，我将以下代码添加到我网站的<head>部分的顶部，其中hrefs对应于每个来源。
<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' />以及其他浏览器提示的一些组合。
然而，灯塔报告在一段时间后再次运行后没有任何变化。有人可以引导我朝着正确的方向前进，这样我就可以在灯塔中解决这个问题并更接近完成报告了吗？！
编辑：我猜测为什么这样做可能会对灯塔报告产生影响，而且在预连接完成之前，资源会在文档中调用。因此，即使它在技术上更快地启动并节省了一些ms，但文档的其余部分非常小，并且在预取或预连接完成之前它会请求这些资源。合乎逻辑？