前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >typecho主题加入dns预解析提升访问速度

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

作者头像
傲绝
修改2023-03-08 14:27:41
2K0
修改2023-03-08 14:27:41
举报
文章被收录于专栏:傲绝

定义


什么是dns预解析?

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


用法

X-DNS-Prefetch-Control 头控制着浏览器的 DNS 预读取功能。

完整代码后面会提到,不着急。


位置

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


手动

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

代码语言:javascript
复制
<!--手动dns预解析-->
<link rel="dns-prefetch" href="//blog.ascv.cn/" />
<link rel="dns-prefetch" href="https://api.qqij.cn">
<link rel="dns-prefetch" href="//ascv.cn/" />

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


自动

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

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

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

以上代码放在手动前面。

总结

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

好啦,快去给你网站添加dns预解析吧,祝你网站又快又好权重高收录快。

原文地址:https://cloud.tencent.com/developer/article/2235587

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023 年 02 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 定义
  • 用法
  • 位置
  • 手动
  • 自动
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档