当前位置 : 主页 > 进阶优化 > 正文

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

原创

重庆seo2016-12-26 20:44:17阅读()用户体验网站基础优化A+ / A-

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">

    扩展阅读

    本文地址:https://www.vi586.com/seojj/345.html
    版权声明:原创文章,版权归重庆SEO吖七所有,欢迎分享本文,支持原创,转载请保留出处

    赞(4)