首页 > SEO案例 > >DNS预解析提升页面加载速度dns-prefetch

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

时间:2021-03-01浏览次数:

网站投放百度、谷歌联盟广告,百度分享、推荐等,由于不同的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.91084.com/