DNS预解析提升页面加载速度dns-prefetch

      网站投放百度、谷歌联盟广告，百度分享、推荐等，由于不同的DNS请求，会增加了网页加载时间，用户等待时间过长会造成跳出率增高，对SEO有一定影响。

       DNS解析速度是造成页面延迟加载的最大的原因。

       DNS Prefetch是前端优化的一部分，主要功能：减少DNS请求次数；进行DNS预获取。DNS Prefech让具有此属性的域名不需要用户点击链接就在后台解析，而域名解析和内容载入时串行的网络操作，DNS预解析减少等待时间，提升用户体验。

DNS Prefetching预解析使用方法

       目前大多数浏览器已经支持此属性，

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

        Chrome 和 Firefox 3.5+ 内置了 DNS Prefetching 技术并对DNS预解析做了相应优化设置。即使不设置此属性，Chrome 和 Firefox 3.5+ 也能自动在后台进行预解析。

在页面<meta charset="UTF-8">后面，增加如下代码：（具体的DNS可以用火狐浏览器查看HTTP请求）

<meta http-equiv="x-dns-prefetch-control" content="on" /> <link rel="dns-prefetch" href="http://bdimg.share.baidu.com" /> <link rel="dns-prefetch" href="http://nsclick.baidu.com" /> <link rel="dns-prefetch" href="http://hm.baidu.com" /> <link rel="dns-prefetch" href="http://eiv.baidu.com" />

       DNS作为互联网的基础协议，解析速度可能被网站SEO优化人员忽视，一般典型的DNS解析耗费20-120毫秒，减少DNS解析时间和次数是利于SEO优化的。

DNS Prefetching预解析实现原理与注意事项

1.<meta>信息告诉浏览器，当前页面要做DNS预解析；

<meta http-equiv="x-dns-prefetch-control" content="on" />

2.</head>使用<link>标签来强制对DNS预解析；

<link rel="dns-prefetch" href="http://bdimg.share.baidu.com" />

3.dns-prefetch需慎用，多页面重复DNS预解析会增加重复DNS查询次数；

4.浏览器对网站第一次的域名DNS解析查找流程：

浏览器缓存 -> 系统缓存 -> 路由器缓存 -> ISP -> DNS缓存 -> 递归搜素

5.如果要禁止隐式的DNS Prefetch，可以使用以下标签

<meta http-equiv="x-dns-prefetch-control" content="off">