[科普]DNS预解析/dns-prefetch是什么？怎么开启？

[科普]DNS预解析/dns-prefetch是什么？怎么开启？

本篇主要介绍一下**dns-prefetch**，也是为了给自己存一下笔记

#诞生背景

Dns请求虽然占用了很少的带宽，但会有很高的延迟，由其以移动网络会更加明显。通过dns预解析技术可以很好的降低延迟。
在firefox上使用dns-prefetch，dns预解析是与页面加载是并行处理的，且不用影响到页面加载的性能。
在以图片为主移动网站被访问时，在使用DNS预解析的情意中下，页面加载时间可以提升%5个点。

一、什么是dns-prefetch？

DNS Prefetch 是一种 DNS 预解析技术。当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行 DNS 的解析，减少用户等待时间，提高用户体验。
目前每次DNS解析，通常在200ms以下。针对DNS解析耗时问题，一些浏览器通过DNS Prefetch 来提高访问的流畅性。

二、如何设置dns-prefetch？

要设置dns-prefetch首先要开启它，开启代码：

<!-- off为关闭,ON为开启 -->
<meta http-equiv="X-dns-prefetch-control" content="on"/>

设置dns-prefetch:

<link rel="dns-prefetch" href="http://renpengpeng.com" />
<!--如果不确定是http还是https连接的话建议如下写法 -->
<link rel="dns-prefetch" href="//renpengpeng.com" />