Joe主题加入dns预解析提升访问速度

2023-03-04 15:20:38 浏览数 (1)

目录

1.定义 2.用法 3.位置 4.手动 5.自动 6.总结


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


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


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


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

代码语言:javascript复制
<!--手动dns预解析-->
<link rel="dns-prefetch" href="//www.nmssb.cn/" />
<link rel="dns-prefetch" href="https://pan.nmssb.cn">
<link rel="dns-prefetch" href="//www.nmsbb.com/" />

请把以上代码中的 https://pan.nmssb.cn//www.nmssb.cn //www.nmsbb.com 改为你站点用到的域名即可,有用到的域名你都可以加上,不限制代码为三个,如果你有10个域名,link标签你弄十个即可,但是rel=后面必须要dns-prefetch才有效,还是少用这个代码,原因百度吧。


5.1自动 自动开启dns预解析,我的建议是自动开启放在手动的前面,代码位置都是放在head部分,joe主题就放在后台设置的自定义head里面即可,我就是这样的:不信你看图。

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

代码语言:javascript复制
<!--dns预解析自动代码-->
    <meta http-equiv="x-dns-prefetch-control" content="on">

以上代码不要放在一起,如果你放手动就不要放自动,如果你感觉放了代码网站反而变慢的话请删掉放置的代码,如果没有影响可以不用管。


6.1总结

复制自动、手动的代码,手动的需要替换一下域名,然后去后台放置代码即可,如果你觉得不快没有效果,那你自己想办法,反正我放了代码之后我的网站打开速度确实快了不少,代码及定义解释来自网络,如果有侵权请访问侵权反馈,告知站长后对侵权链接及侵权内容进行下架删除处理。谢谢!

好啦,快去给你网站添加dns预解析吧,祝你网站又快又好。

0 人点赞