`
ytuwlg
  • 浏览: 92763 次
  • 性别: Icon_minigender_1
  • 来自: 威海
社区版块
存档分类
最新评论

DNS Prefetch

Chrome浏览器GoogleFirefox 
阅读更多
DNS 实现域名到IP的映射。通过域名访问站点，每次请求都要做DNS解析。目前每次DNS解析，通常在200ms以下。针对DNS解析耗时问题，一些浏览器通过DNS Prefetch 来提高访问的流畅性。

什么是 DNS Prefetch ?

DNS Prefetch 是一种DNS 预解析技术，当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行DNS的解析，减少用户等待时间，提高用户体验。

目前支持 DNS Prefetch 的浏览器有 google chrome 和 firefox 3.5

那么在服务端如何控制浏览器端对域名进行预解析那?

如果要浏览器端对特定的域名进行解析，可以再页面中添加link标签实现。例如： 
<link rel="dns-prefetch" href="www.ytuwlg.iteye.com" />


如果要控制浏览器端是否对域名进行预解析，可以通过Http header 的x-dns-prefetch-control 属性进行控制。

可惜目前支持上面标签的只有 google chrome 和 firefox3.5

关于google chrome 中 DNS Prefetch 详细资料可参见：
http://dev.chromium.org/developers/design-documents/dns-prefetching

在chrome 中可通过在地址栏中输入 about:histograms/DNS.PrefetchFoundName 和 about:dns 来查看当前浏览器的预解析数据。
分享到：
| 计算机硬件接口演变历程
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    详解HTML标签属性link rel="dns-prefetch"是什么意思? DNS Prefetch有什么用处?

    详解HTML标签属性link rel="dns-prefetch"是什么意思? DNS Prefetch有什么用处?

    dns-prefetch是什么 前端优化:DNS预解析提升页面速度

    然而，需要注意的是，过度使用DNS Prefetch可能导致不必要的DNS查询，增加网络流量，甚至可能对某些浏览器（如Chrome和Firefox 3.5）的性能产生负面影响，因为这些浏览器已经内置了DNS解析优化。因此，谨慎使用DNS ...

    dns预请求，提高SPA应用首屏渲染性能

    DNS预请求，全称为DNS Prefetch，是一种前端优化技术，旨在提升单一页面应用程序（SPA）的首屏渲染性能和整体加载速度。它通过预先解析页面中可能会用到但尚未加载的域名，从而减少了用户实际访问资源时的DNS解析...

    HTML5的<link rel="dns-prefetch"标签是干什么用的

    HTML5的&lt;link rel="dns-prefetch"标签是干什么用的

    基于Web的低启动延迟媒体呈现方案设计.pdf

    DNS Prefetch可以预先解析即将访问的域名，预连接则是在用户请求内容之前建立TCP连接，这样在实际请求媒体内容时，由于网络连接已经准备就绪，可以显著减少延迟。 再者，自适应码率视频流技术可以根据用户的网络...

    境外业务性能优化实践.2cf700f0-8a63-11e7-a241-159d1ab9f083.pdf

    例如，通过开启DNS Prefetch开关，当用户访问H5页面超过一定间隔时间，或者配置文件发生变化时，自动触发DNS刷新。 此外，使用TCP长连接、代理服务器、专线优化等方式，可以减少网络通信的开销，提高数据传输的安全...

    开篇：知识体系与小册格局(1).md

    3. 前端性能优化的实践方向：针对每个步骤提出了可能的性能优化方向，如减少DNS解析次数、利用浏览器DNS缓存和DNS Prefetch，以及使用长连接和预连接等。 综上所述，本文件提到了前端性能优化的重要性和实践方法，...

    提升页面加载速度的插件InstantClick

    通常，我们为了减少DNS的查询时间，我们可以使用dns prefetch为该页面中链接的做解析，提升页面的加载速度。类似的，我们可以在鼠标滑到链接上到点击的时间间隙去加载这个页面，通常这个间隙有几百毫秒，利用...

    详解HTML5中rel属性的prefetch预加载功能使用

    此外，除了`prefetch`，还有DNS预解析(`dns-prefetch`)，它用于提前解析页面中引用的域名，减少DNS查找时间。例如： ```html &lt;link rel="dns-prefetch" href="http://example.com"&gt; ``` 这样在用户实际请求资源...

    Shopify-Custom-Turbo-Project:具有自定义Turbo主题的Shopify网站

    3. **资源提示（Resource Hints）**：Turbo使用DNS Prefetch、Prefetch和Prerender等资源提示技术，优化网络请求，加快页面元素的加载速度。 4. **智能图片加载（Smart Image Loading）**：自动根据用户的设备和...

    gb2312.enc

    &lt;link rel="dns-prefetch" href="https://assets-cdn.github.com"&gt; &lt;link rel="dns-prefetch" href="https://avatars0.githubusercontent.com"&gt; &lt;link rel="dns-prefetch" href=...

    browsertunnel:通过DNS秘密地从浏览器中窃取数据

    这是一种古老的技术-DNS隧道本身可以追溯到90年代， 在2016年写过关于使用dns-prefetch的信息，但据我所知，browsertunnel是第一个开放源代码，可用于生产的客户端展示其用途。 由于dns-prefetch不会将任何数据返回...

    preconnect-cli:生成DNS预解析、预连接HTML的脚手架工具

    link rel="dns-prefetch" href="//qq.com"&gt; &lt;link rel="preconnect" href="//qq.com" crossorigin&gt; &lt;link rel="dns-prefetch" href="//baidu.com"&gt; &lt;link rel="preconnect" href="//baidu....

    06-defer和async.md

    面试官可能通过具体问题来考察面试者是否了解现代浏览器的页面加载优化策略，包括但不限于`defer`、`async`、`preload`、`prefetch`、`dns-prefetch`和`preconnect`。 除了这些知识点，文档还强调了现代前端工程师...

    3.项目的上线过程二期整理中1

    首先，DNS-prefetch配置是提升页面加载速度的一个手段。在`layout/head-common.html`中添加`&lt;link rel="dns-prefetch"&gt;`标签可以预解析DNS，使得浏览器在实际请求资源前就完成DNS解析，从而减少页面加载的时间。例子...

    百度主页代码

    * `&lt;link rel="dns-prefetch" href="//s1.bdstatic.com/"&gt;`：使用DNS预解析技术，预解析指定域名的DNS记录，以提高页面加载速度。 * `&lt;link rel="dns-prefetch" href="//t1.baidu.com/"&gt;`：预解析腾讯云的DNS记录，...

    浏览器的加载与页面性能优化

    开发者可以通过在HTML中添加`&lt;link rel="dns-prefetch" href="//HOSTNAME.com"&gt;`标签，或者利用HTTP头`X-DNS-Prefetch-Control`来引导浏览器进行DNS预解析，从而进一步加速页面加载。 此外，CDN的合理部署也是提升...

Magicbox
Global site tag (gtag.js) - Google Analytics