美文网首页
ref="dns-prefetch"

ref="dns-prefetch"

作者: 嘻哈章鱼小丸子 | 来源:发表于2016-12-15 11:01 被阅读0次

    由来

    探索淘宝的主页面,无意间看到下图所示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

    相关文章

      网友评论

          本文标题:ref="dns-prefetch"

          本文链接:https://www.haomeiwen.com/subject/cnimmttx.html