最新查看网站源代码，发现 WordPress 头部有这么一条：
<link rel='dns-prefetch' href='https://s.w.org' />
这是什么意思呢？dns-prefetch，顾名思义就 DNS 预读取，大致了解但不是特别清楚，赶紧学习一下。
什么是 DNS Prefetch 预读取？
它是网页前端的优化的一种技术。一般在前端优化中与DNS有关的有两点：1、减少请求次数，2、提前对DNS预获取。DNS作为互联网的基础协议，其解析速度很容易被网站优化人员SEO人员忽视，其典型的一次 DNS Prefetch 解析需要“20-120ms”,减少DNS解析时间和次数是一个不错的优化方式。
DNS Prefetch作用简单说明就是当你浏览网页时，浏览器会加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页链接无需DNS解析，减少浏览者等待时间，提高用户体验。
再来看看浏览器对网站第一次的域名DNS解析查找流程，依次为：
浏览器缓存-系统缓存-路由器缓存-ISP DNS缓存-递归搜索。
DNS Prefetch 使用方法
用meta信息来告知浏览器, 当前页面要做DNS预解析:
<meta http-equiv="x-dns-prefetch-control" content="on" />
在页面header中使用link标签来强制对DNS预解析:
<link rel="dns-prefetch" href="https://www.hack520.com" />
//开始是为了适配 https 和 http 。就是当前请求链接是https，那么这个//前面自动补充https ，反则补充http。
使用示例：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="x-dns-prefetch-control" content="on" /> <link rel="dns-prefetch" href="https://cdn.hack520.com" rel="external nofollow" /> <link rel="dns-prefetch" href="http://img.hack520.com" rel="external nofollow" />
注：dns-prefetch需慎用，多页面重复DNS预解析会增加重复DNS查询次数。
