DNS预读取的运用

X-DNS-Prefetch-Control 头掌握着浏览器的 DNS 预读取功用。 DNS 预读取是一项使浏览器主动去实行域名剖析的功用,其局限包含文档的一切链接,无论是图片的,CSS 的,照样 JavaScript 等其他用户能够点击的 URL。

由于预读取会在背景实行,所以 DNS 很能够在链接对应的东西涌现之前就已剖析终了。这能够削减用户点击链接时的耽误。

翻开和封闭 DNS 预读取

你能够经由过程在服务器端发送 X-DNS-Prefetch-Control 报头,或是在文档中运用值为 http-equiv 的 <meta> 标签:

<meta http-equiv="x-dns-prefetch-control" content="on">

强迫查询特定主机名

你能够经由过程运用 rel 属性值为 link type 中的 dns-prefetch 的 <link> 标签来对特定域名举行预读取:

<link rel="dns-prefetch" href="http://www.baidu.com/">

在这个例子中,Firefox将预剖析域名”www.baidu.com”。

而且,<link> 元素也能够运用不完整的 URL 的主机名来标记预剖析,但这些主机名前必须要有双斜线:

<link rel="dns-prefetch" href="//www.baidu.com">

强迫对域名举行预读取在有的情况下很有效, 比方, 在网站的主页上,强迫在全部网站上频仍援用的域名的预剖析,纵然它们不在主页本身上运用。纵然主页的机能能够不受影响,这将进步团体站点机能。

    原文作者:前端陈晨
    原文地址: https://segmentfault.com/a/1190000017418616
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞