and compare it to rel="preconnect"." name="description" property="dc:description og:description schema:description"> 什么<link rel=dn -prefetch>和什么时候使用preconnect | Ctrl blog - yabo88软件下载
时间轴示例,显示在DNS、TCP、TLS上花费的时间,最后是HTTP请求。

什么<链路相对= DNS预取>以及何时使用PRECONNECT

DNS预取资源提示旨在查找域名之前,浏览器将知道,否则,他们会在不久的将来需要。这是一个快速的方法来加快外部页面资源加载。

DNS预取是这样一个简单的性能优化,使的是它已经包括在五分之一的网站。和......一样多一个在顶部500 000网站五DNS-prefetching部署。诚然,这个数字的很大一部分来自WordPress的默认设置。(数据来自一个爬行的HTTPS网站Tranco名单。)

我会通过讨论该机制如何工作以及它是如何普遍误启动。然后我会继续前进,讨论PRECONNECT资源提示,然后讨论浏览器支持。

下面的示例指示web浏览器来解决一个例子域名,并将其存储在其高速缓存:

<链路的rel = “DNS预取的” href = “// example.net /”>

使用协议相对URL(如上所示)或绝对URL没有区别。浏览器通过解析URL提取域名。

不同的网络浏览器和操作系统有不同的dns缓存策略。我们可以假设解析后的域名在一般的web浏览器中缓存至少一分钟。

DNS缓存在浏览器、操作系统、你的边缘网关(“路由器”)和你的上游递归DNS解析器(通常是你的ISP)。除非每次都使用不同的域名进行测试,否则性能测试结果很容易混淆。

那么哪些域名应该预先解析呢?许多在线教程建议解析文档中包含的所有外部样式表、脚本、框架和图像的域名。这是不必要的。

浏览器会在文档加载时浏览它们,并开始解析域名,并与文档预加载扫描器找到的所有域名建立连接。这包括urliframeIMG,链接,脚本,以及其他类似的元素。

DNS预取的,但是,对于域名有用的浏览器的预处理器不可能知道当时它开始呈现文档。由一个框架,脚本或样式表需要任何外部资源是总理候选人。

例如,广告网络可能嵌入在你的网页