如何检查链接[rel = preconnect]是否完成了它的工作？

Question

我在页面的HTML代码中添加了链接[rel = preconnect]。但是，如何检查预连接是否正常工作？

预装连接没有出现在DevTools的网络面板中，我在chrome：// tracing中看不到它。

我可以使用哪些工具来查看此活动？

Answer 1

您可以在https://www.webpagetest.org/

创建的瀑布中看到它

以下是一个例子：

请注意，您的网站需要在线访问，以便WebPageTest能够阅读。

Answer 2

您可以手动使用Chrome DevTools。 检查您为其定义预连接的URI的计时选项卡，如果DNS-Connect-SSL没有花费时间或者可以忽略不计（例如，2-5毫秒），那么您可以考虑预连接工作。这里唯一的陷阱是重复测试，当你在浏览器中连接尚未过期时。