概述
⼤多数⼈是通过域名访问⽹站,当浏览器从(第三⽅)服务器请求资源时,必须先将该域名解析为 IP 地址,然后浏览器才能向该域名发出请求,域名到 IP 这⼀过程称为 DNS 解析。 ⼀般来说,⼀次 DNS 解析需要耗费 20-120 ms,所以为了优化 DNS,我们可以考虑两个⽅向: 减少 DNS 请求次数,缩短DNS 解析时间 dns-prefetch。
DNS 预解析(DNS Prefetching)是⼀种⽹络性能优化技术,⽤于提前解析⽤户可能访问的域名,以减少实际请求时的 DNS 解析时间。通过预解析,浏览器可以在⽤户实际访问⼀个链接之前就已经获取到对应的IP地址,从⽽降低⽹络延迟,加快⻚⾯加载速度。
- ⾸先客户端位置是⼀台电脑或⼿机,在打开浏览器以后,⽐如输⼊ http://www.zdns.cn 的域名,它⾸先是由浏览器发起⼀个 DNS 解析请求,如果本地缓存服务器中找不到结果,则⾸先会向根服务器查询,根服务器⾥⾯记录的都是各个顶级域所在的服务器的位置,当向根请求 http://www.zdns.cn的时候,根服务器就会返回 .cn 服务器的位置信息。
- 递归服务器拿到.cn的权威服务器地址以后,就会寻问cn的权威服务器,知不知道 http:// www.zdns.cn的位置。这个时候cn权威服务器查找并返回http://zdns.cn
- 继续向 http://zdns.cn地址:202.173.11.10的权威服务器去查询这个地址,由 http://zdns.cn
- 最终才能进⾏ http 的链接,顺利访问⽹站。
- 当递归服务器拿到解析记录以后,就会在本地进⾏缓存,如果下次客户端再请求本地的递归域名服务器相同域名的时候,就不会再这样⼀层⼀层查了,因为本地服务器⾥⾯已经有缓存了,这个时候就直接把http://www.zdns.cn的 A 记录返回给客户端就可以了。
实现预解析
<link rel="dns-prefetch" href="xxx.com">
什么是dns-prefetch? dns-prefetch(DNS 预获取)是前端⽹络性能优化的⼀种措施。它根据浏览器定义的规则,提前解析之后可能会⽤到的域名,使解析结果缓存到系统缓存中,缩短DNS解析时间,进⽽提⾼⽹站的访问速度。
为什么要⽤dns-prefetch? 每当浏览器从(第三⽅)服务器发送⼀次请求时,都要先通过DNS解析将该跨域域名解析为 IP 地址,然后浏览器才能发出请求。
如果某⼀时间内,有多个请求都发送给同⼀个服务器,那么 DNS 解析会多次并且重复触发。这样会导致整体的⽹⻚加载有延迟的情况。虽然 DNS 解析占⽤不了多⼤带宽,但是它会产⽣很⾼的延迟,尤其是对于移动⽹络会更为明显。
注意 http ⻚⾯下所有的 a 标签的 href 都会⾃动去启⽤ DNS Prefetch,也就是说,⽹⻚的 a 标签 href 带的域名,是不需要在 head ⾥⾯加上 link ⼿动设置的。https ⻚⾯需要使⽤ meta 标签强制开启:
<meta http-equiv="x-dns-prefetch-control" content="on">
dns-prefetch 适⽤于⽹⻚引⽤了⼤量其他域名的资源,例如淘宝。