合理的 DNS Prefetching 能对页面性能带来50ms ~ 300ms的提升,

你只需要在<head>添加一下代码即可。

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//DNS预解析地址1">
<link rel="dns-prefetch" href="//DNS预解析地址">

提示

1.对静态资源域名做手动dns prefetching。
2.对js里会发起的跳转、请求做手动dns prefetching。
3.不用对超链接做手动dns prefetching,因为chrome会自动做dns prefetching。
4.对重定向跳转的新域名做手动dns prefetching,比如:页面上有个A域名的链接,但访问A会重定向到B域名的链接,这么在当前页对B域名做手动dns
prefetching是有意义的。