【技术分享】typecho主题加入dns预解析提升访问速度

定义

---

什么是dns预解析？
DNS预解析就是让浏览器在用户访问链接之前解析域名，其范围包括文档的所有链接，无论是图片的，CSS的，还是JavaScript 等其他用户能够点击的URL。域名解析后，如果用户确实访问该域名，那么DNS解析时间将不会有延迟。因为预读取会在后台执行，所以DNS很可能在链接对应的东西出现之前就已经解析完毕，这能够减少用户点击链接时的延迟。

---

用法

X-DNS-Prefetch-Control 头控制着浏览器的 DNS 预读取功能。
完整代码后面会提到，不着急。

---

位置

网站的加载顺序都是从head开始 那么我们直接把dns预解析的代码放在头部即可，当然其他位置你也可以测试。

---

手动

手动设置需要dns预解析的网站域名，最好是你站点使用域名，如:图床域名，静态资源域名等。手动设置代码:

<!--手动dns预解析-->
<link rel="dns-prefetch" href="//www.anlu1314.com/" />
<link rel="dns-prefetch" href="https://api.qqij.cn">
<link rel="dns-prefetch" href="//ascv.cn/" />

请把以上代码中的 https://www.anlu1314.com 和 //blog.ascv.cn //ascv.cn 改为你站点用到的域名即可，有用到的域名你都可以加上，不限制代码为三个，如果你有10个域名，link标签你弄十个即可，但是rel=后面必须要dns-prefetch才有效

---

自动

自动开启dns预解析，我的建议是自动开启放在手动的前面，代码位置都是放在head部分

自动开启dns预解析的代码如下:on代表开启，反之off关闭。

<!--dns预解析自动代码-->
    <meta http-equiv="x-dns-prefetch-control" content="on">

以上代码放在手动前面。