IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

DNS Prefetching 技术引入及实现方法

蓝冰很忙 2012-05-28 12:38:14 累计浏览 3,072 次
本机暂存

DNS prefetching 是一个不算新的技术,谷歌和火狐都已经支持了。

DNS prefetching 就是是 “DNS预获取”,假如你的网站是 a.com,但是你的网站内页含有大量的 b.com的引用,例如图片调用,那么,你可以使用下面的方法预先获知 b.com 的DNS,减少 打开下个页面的 获取DNS所需要的时间。其实都是毫秒级的,压力不大。本着技术讨论的角度简单说下。

我直接来实例:

本人博客henmang.net,含有大量来自0.gravatar.com和和1.gravatar.com的头像数据。

于是,我加入了以下代码

<link rel="dns-prefetch" href="http://0.gravatar.com" />
<link rel="dns-prefetch" href="http://1.gravatar.com" />

当浏览器打开 henmang.net ,然后获取0.gravatar.com和1.gravatar.com的DNS,那么打开http://henmang.net/html5prefetch.cgi 的时候,就已经缓存了

henmang.net  0.gravatar.com  1.gravatar.com  三个域名的DNS,从而加快网站访问速度。

========

虽然文档是这么说的,不过我在Chrome下测试木检测到呢。

同分类推荐文章

  1. The Siren Song of ariaNotify() (2026-06-17 23:32:30)
  2. 把 hydration 从 React UI 里解耦:一次 SPA 启动期边界纠正 (2026-06-17 03:16:41)
  3. Prop For That (2026-06-17 02:36:25)

查看更多 前端 文章 →

建议继续学习

  1. HTML5 离线缓存-manifest简介 (累计阅读 17,044)
  2. 如何拿下简短的域名 (累计阅读 16,895)
  3. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,861)
  4. HTML 5 的data-* 自定义属性 (累计阅读 14,289)
  5. 自建DNS以防止GFW干扰 (累计阅读 13,067)
  6. 7 天打造前端性能监控系统 (累计阅读 11,136)
  7. 强制刷新本地 DNS 缓存记录 (累计阅读 10,831)
  8. 从谷歌宕机事件认识互联网工作原理 (累计阅读 8,711)
  9. jQuery的data()方法 (累计阅读 8,609)
  10. 2014年1月21日中国互联网DNS瘫痪事件原因分析 (累计阅读 8,384)