知识 分享 互助 懒人建站

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
知识 分享 互助!

dns预获取(dns-prefetch)link rel="dns-prefetch"优化载入速度

作者:佳明妈 来源:web前端开发 2016-08-09 人气:
dns预获取(dns-prefetch)link rel="dns-prefetch",DNS Prefetch也就是DNS预获取。设置DNS预获取(dns-prefetch)有两个作用:1、减少DNS的请求次数,2、进行DNS预先获取。 当网页打开时,浏览器会在

dns预获取dns-prefetch)link rel="dns-prefetch",DNS Prefetch也就是DNS预获取。设置DNS预获取(dns-prefetch)有两个作用:1、减少DNS的请求次数,2、进行DNS预先获取。

当网页打开时,浏览器会在加载网页时对网页中的域名进行解析缓存,这样在你单击当前网页中的连接时就无需进行DNS的解析,减少用户等待时间,提高用户体验。

来看一张京东html源码的截图:

dns预获取(dns-prefetch)link rel=

京东商城的dns-prefetch设置

dns预获取浏览器支持情况:

Firefox: 3.5+

Chrome: Supported

Safari 5+

Opera: Unknown

IE: 9

如何设置dns-prefetch:

默认情况下浏览器会对页面中和当前域名(正在浏览网页的域名)不在同一个域的域名进行预获取,并且缓存结果,这就是隐式的DNS Prefetch。

如果想对页面中没有出现的域进行预获取,那么就要使用显式的DNS Prefetch了,也就是使用link标签:

<link rel="dns-prefetch" href="//misc.360buyimg.com" />  

DNS Prefetch应该尽量的放在网页的前面,推荐放在<meta charset=”/>后面。

如何设置禁止隐式的DNS Prefetch:

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

↓ 查看全文

dns预获取(dns-prefetch)link rel="dns-prefetch"优化载入速度由懒人建站收集整理,您可以自由传播,请主动带上本文链接

懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

dns预获取(dns-prefetch)link rel="dns-prefetch"优化载入速度-最新评论