资讯专栏INFORMATION COLUMN

DNS预读取的使用

spacewander / 1669人阅读

摘要:预读取是一项使浏览器主动去执行域名解析的功能,其范围包括文档的所有链接,无论是图片的,的,还是等其他用户能够点击的。因为预读取会在后台执行,所以很可能在链接对应的东西出现之前就已经解析完毕。

X-DNS-Prefetch-Control 头控制着浏览器的 DNS 预读取功能。 DNS 预读取是一项使浏览器主动去执行域名解析的功能,其范围包括文档的所有链接,无论是图片的,CSS 的,还是 JavaScript 等其他用户能够点击的 URL。

因为预读取会在后台执行,所以 DNS 很可能在链接对应的东西出现之前就已经解析完毕。这能够减少用户点击链接时的延迟。

打开和关闭 DNS 预读取

你可以通过在服务器端发送 X-DNS-Prefetch-Control 报头,或是在文档中使用值为 http-equiv 的 标签:

强制查询特定主机名

你可以通过使用 rel 属性值为 link type 中的 dns-prefetch 的 标签来对特定域名进行预读取:

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

而且, 元素也可以使用不完整的 URL 的主机名来标记预解析,但这些主机名前必需要有双斜线:

强制对域名进行预读取在有的情况下很有用, 比如, 在网站的主页上,强制在整个网站上频繁引用的域名的预解析,即使它们不在主页本身上使用。即使主页的性能可能不受影响,这将提高整体站点性能。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100158.html

相关文章

  • 每天积累一点点,你会与别人不一样哦

    摘要:通过域名,最终得到该域名对应的地址的过程叫做域名解析或主机名解析。而是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。 跟大家分享一个小知识点,自己也总结总结,fight 、fight 、fight !!! 前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 DNS Pre...

    lwx12525 评论0 收藏0
  • 每天积累一点点,你会与别人不一样哦

    摘要:通过域名,最终得到该域名对应的地址的过程叫做域名解析或主机名解析。而是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。 跟大家分享一个小知识点,自己也总结总结,fight 、fight 、fight !!! 前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 DNS Pre...

    Worktile 评论0 收藏0
  • 每天积累一点点,你会与别人不一样哦

    摘要:通过域名,最终得到该域名对应的地址的过程叫做域名解析或主机名解析。而是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。 跟大家分享一个小知识点,自己也总结总结,fight 、fight 、fight !!! 前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 DNS Pre...

    Vultr 评论0 收藏0
  • 前端面试中经常问到问题:如何提高网站性能 总结

    摘要:在某些情况下,延迟能减少一秒钟。在某些浏览器中这个预读取的行为将会与页面实际内容并行发生而不是串行。在某些图片较多的页面中,在发起图片加载请求之前预先把域名解析好将会有至少的图片加载速度提升。 1. 使用dns预解析 DNS 请求需要的带宽非常小,但是延迟却有点高,这点在手机网络上特别明显。预读取 DNS 能让延迟明显减少一些,例如用户点击链接时。在某些情况下,延迟能减少一秒钟。 在某...

    Jingbin_ 评论0 收藏0

发表评论

0条评论

spacewander

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<