html - How can I check has link[rel=preconnect] done its job or not?

Question

I append link[rel=preconnect] in my page's HTML code. But how can I check works preconnect or not?

Preconnect does not appears in Network panel of DevTools, I don't see it in chrome://tracing.

Which tools can I use to see this event?

Answer 1

您可以在https://www.webpagetest.org/创建的瀑布中看到它

这是一个例子：

请注意，您的网站需要可在线访问，WebPageTest 才能读取它。

Answer 2

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