使用dns-prefetch做DNS预获取提高前端性能

在查看微信页面源代码时，发现了一下代码

<link rel="dns-prefetch" href="//res.wx.qq.com">

凭借着自己闲着没事干的精神，我就搜了一下。DNS Prefetch也就是DNS预获取，是前端DNS优化中的其中一点，另外一点嘛，就是减少DNS查询的次数。

浏览器支持情况：

• Firefox: 3.5+
• Chrome: Supported
• Safari 5+
• Opera: Unknown
• IE: 9 (called “Pre-resolution” on blogs.msdn.com)

默认情况下浏览器会对页面中和当前域名（正在浏览网页的域名）不在同一个域的域名进行预获取，并且缓存结果，这就是隐式的DNS Prefetch。如果想对页面中没有出现的域进行预获取，那么就要使用显示的DNS　Prefetch了，也就是使用link标签：

<link rel="dns-prefetch" href="//res.wx.qq.com">

注：dns-prefetch需慎用，多页面重复DNS预解析会增加重复DNS查询次数。

上面那段话是人家的，直接拿来了……