网页优化--DNS预获取（预读）

admin

网页优化--DNS预获取（预读）

在前端优化中关于DNS的有两点：
一是减少DNS的请求次数
二是进行DNS预获取
什么叫DNS预读？
简单的说就是浏览器为了加快域名DNS解析速度，会对网页的所有链接先做域名解析
默认情况下浏览器会对页面中和当前域名（正在浏览网页的域名）不在同一个域的域名进行预获取，并且缓存结果，这就是隐式的DNS Prefetch。
如果想对页面中没有出现的域进行预获取，那么就要使用显式的DNS　Prefetch了，也就是使用link标签：

1. <link rel="dns-prefetch" href="http://api.twitter.co" />

复制代码

DNS Prefetch应该尽量的放在网页的前面，推荐放在<meta charset="/>后面。
PS:可以通过下面的标签禁止隐式的DNS Prefetch。

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

复制代码

DNS Prefetch 已经被下面的浏览器支持
Firefox: 3.5+
Chrome: Supported
Safari 5+
Opera: Unknown
IE: 9 (called "Pre-resolution" on blogs.msdn.com)