dns-prefetch是什么 前端优化:DNS预理会晋升页面速率

　　今朝大大都赏识器已经支持此属性，支持版本如下：
•– 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+ 也能自动在靠山举办预理会 。

　　今朝许多大型站点也应用了这一优化，譬喻：

　　淘宝、付出宝、网易
 

DNS Prefetch 应该只管的放在网页的前面，保举放在 <meta charset="UTF-8"> 后头。详细行使要领如下：

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href=http://www.jb51.net/web/"/www.zhix.net">
<link rel="dns-prefetch" href=http://www.jb51.net/web/"/api.share.zhix.net">
<link rel="dns-prefetch" href=http://www.jb51.net/web/"/bdimg.share.zhix.net">

　　预理会的实现：

　　1、用meta信息来奉告赏识器, 当前页面要做DNS预理会:<meta http-equiv="x-dns-prefetch-control" content="on" />

　　2、在页面header中行使link标签来逼迫对DNS预理会: <link rel="dns-prefetch" href=http://www.jb51.net/web/"http:/bdimg.share.baidu.com" />

　　注：dns-prefetch需慎用，多页面一再DNS预理会会增进一再DNS查询次数。

　　必要留意的是，固然行使 DNS Prefetch 可以或许加速页面的理会速率，可是也不能滥用，由于有开拓者指出 禁用DNS 预读取能节减每月100亿的DNS查询 。

　　假如必要榨取隐式的 DNS Prefetch，可以行使以下的标签：

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

PS：DNS预理会首要是用于网站前端页面优化，在SEO中的浸染湛蓝还未作验证，但作为加强用户体验的一部门rel="dns-prefetch"或者值得各人逐步发明。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!