由来
探索淘宝的主页面,无意间看到下图所示DNS预获取,至少自己是真的没用过。 淘宝DNS使用what?
DNS预获取,是前段优化的一部分
作用
减少用户的等待时间,提升用户体验。
浏览器支持
Firefox:3.5+
Chrome:Supported
Safari5+
Opera:Unknown
IE:9(called“Pre-resolution”onblogs.msdn.com)
默认情况下浏览器会对页面中和当前域名(正在浏览网页的域名)不在同一个域的域名进行预获取,并且缓存结果,这就是隐式的DNSPrefetch。如果想对页面中没有出现的域进行预获取,那么就要使用显示的DNS Prefetch了,也就是使用link标签,用法如下。
用法
控制浏览器是否对页面进行DNS预解析(隐式开启/禁止):
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta http-equiv="x-dns-prefetch-control" content="off">
显式:
<link rel="dns-prefetch" href="//api.share.baidu.com">
DNSPrefetch应该尽量的放在网页的前面,推荐放在<metacharset=”/>后面。
参考文章:
http://blog.sina.com.cn/s/blog_bf9440220102wwgo.html
http://www.tuicool.com/articles/73iYRrv
http://www.jianshu.com/p/7f58ddfc1392
网友评论