前端优化之DNS预解析

DNS预解析的目的

在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢?

DNS预解析

一般来说,在前端优化中与 DNS 有关的有两点: 1)是减少DNS的请求次数,2)是进行DNS预获取——DNS Prefetch

DNS与域名解析

DNS(Domain Name System),即域名系统,是域名和IP地址相互映射的一个分布式数据库。

浏览器对网站第一次的域名DNS解析查找流程依次为:

浏览器缓存 - 系统缓存 - 路由器缓存 - ISP DNS缓存 - 递归搜索

DNS预解析

DNS 作为互联网的基础协议,其解析的速度似乎很容易被网站优化人员忽视。现在大多数新浏览器已经针对DNS解析进行了优化,典型的一次DNS解析需要耗费** 20-120 毫秒**,减少DNS解析时间和次数是个很好的优化方式。

DNS Prefetching 是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验 。

默认情况下浏览器会对页面中和当前域名(正在浏览网页的域名)不在同一个域的域名进行预获取,并且缓存结果,这就是隐式的 DNS Prefetch。如果想对页面中没有出现的域进行预获取,那么就要使用显示 DNS Prefetch 了。

DNS预解析具体用法

//用meta信息来告知浏览器, 当前页面要做DNS预解析
<meta http-equiv="x-dns-prefetch-control" content="on">
在页面header中使用link标签来强制对DNS预解析: 
<link rel="dns-prefetch" href="//www.zhix.net">

注意:dns-prefetch需慎用,多页面重复DNS预解析会增加重复DNS查询次数,因为有开发者指出 禁用DNS 预读取能节省每月100亿的DNS查询 。

//如果需要禁止隐式的 DNS Prefetch
<meta http-equiv="x-dns-prefetch-control" content="off">
原文地址:https://www.cnblogs.com/sunidol/p/11312977.html