前端优化之DNS预解析技术

今天我所要讲的是DNS Prefetch，DNS Prefetch是一种DNS预解析技术，这项技术是针对减少DNS解析所需要的请求时间而进行的web前端优化技术。当你浏览一个网页的时候，浏览器会在加载网页时对网页中包含的域名进行解析缓存，这样在你单击当前已经加载完成的网页中的链接时就无需再进行DNS 回源解析，减少用户的等待时间，提高用户体验。

通常每次DNS查询解析耗时在200ms以下。针对DNS解析耗时问题，有一些浏览器通过DNS Prefetch 来提高访问的流畅性。我们可以根据实际需要，对网页中的特定域名进行预解析。

一般情形下，我们在某一个通用的页面可以设置DNS预解析标签，以强制所有浏览对设定的域名进行DNS预解析。

预解析的实现：

第一步，用meta信息来告知浏览器, 当前页面要做DNS预解析:

第二步，在页面的

之间使用link标签来强制进行DNS预解析:

第一步也可以省略。需要注意的是，预解析的域名下通常是存储了js、css、图片等静态资源，并且这些资源必定会在当前页面的下一个页面要加载。否则会添加预解析标签会造成DNS查询次数反而增加，造成访问更慢。所以DNS Prefetch是一项既刺激又危险的技术，使用时需谨慎。