参考:https ://web.dev/preconnect-and-dns-prefetch/
有两种实现预连接提示的方法。
- 在 HTML 头部
<head>
<link rel="preconnect" href="https://example.com">
</head>
在 HTTP 标头中(例如使用 htaccess 标头添加)
Link: <https://example.com/>; rel=preconnect
从 web.dev 中,我可以理解第二种类型的实现稍微好一些,因为浏览器不需要等待 html 被解析。支持类型 1 实现的所有浏览器是否也支持类型 2?或者是否有一些浏览器支持一种类型而不是另一种?
PS:根据我有限的分析,我可以发现很多网站都在使用类型 1 对抗类型 2。