<link rel="dns-prefetch" href="//example.com">
可以用来预解析 DNS。
这个标签放在 HTML 的 <head>
部分,告诉浏览器在空闲时间预先解析指定域名的 DNS 记录。这样,当用户实际点击指向该域名的链接时,DNS 解析已经完成,可以加快页面加载速度。
例如,如果你的页面有很多链接指向 example.com
,你可以在 <head>
中添加:
<link rel="dns-prefetch" href="//example.com">
这将告诉浏览器预先解析 example.com
的 DNS。
需要注意以下几点:
- 使用
//
而不是http://
或https://
,这样浏览器可以根据当前页面的协议选择合适的协议。 dns-prefetch
是一个资源提示,浏览器可能会也可能不会执行它,这取决于浏览器的实现和网络条件。- 过度使用
dns-prefetch
可能会适得其反,因为它会增加 DNS 查询的数量。只对关键域名使用它。
除了 dns-prefetch
,还有其他一些资源提示可以用来优化页面加载性能,例如:
preconnect
: 比dns-prefetch
更进一步,不仅预解析 DNS,还会建立 TCP 连接。prerender
: 预渲染整个页面,代价最高,但也最有效。preload
: 指定需要预加载的特定资源,例如图片、脚本或样式表。
选择哪种资源提示取决于你的具体需求和页面结构。 对于简单的 DNS 预解析,dns-prefetch
就足够了。