美文网首页
前端优化:DNS预解析提升页面速度

前端优化:DNS预解析提升页面速度

作者: 小玲欢 | 来源:发表于2019-05-06 15:54 被阅读0次

DNS 解析的速度似乎容易被网站优化人员忽视。现在大多数新浏览器已经针对DNS解析进行了优化,典型的一次DNS解析耗费20-120 毫秒,减少DNS解析时间和次数是个很好的优化方式。DNS Prefetching是具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。

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

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

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

浏览器对网站第一次的域名DNS解析查找流程依次为:

浏览器缓存-系统缓存-路由器缓存-ISP DNS缓存-递归搜索

注:dns-prefetch需慎用,多页面重复DNS预解析会增加重复DNS查询次数。

相关文章

  • dns-prefetch

    前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 DNS Prefetching 是让具...

  • 2019-03-29dns-prefetch

    前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 https://www.cnblogs...

  • 前端优化篇: DNS预解析提升页面速度

    前端优化篇: DNS预解析提升页面速度 在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所...

  • 前端优化: DNS预解析提升页面速度

    在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严...

  • 前端优化:DNS预解析提升页面速度

    DNS 解析的速度似乎容易被网站优化人员忽视。现在大多数新浏览器已经针对DNS解析进行了优化,典型的一次DNS解析...

  • 前端性能优化

    前端项目性能优化: DNS 预解析 DNS Prefetch 是一种 DNS 预解析技术, 浏览器会在加载网页时对...

  • 性能问题

    网络相关 DNS预解析 DNS解析也是需要时间的,所以可以使用预解析预先获得域名对应的ip 缓存 对前端优化很重要...

  • 不能错过的web前端性能优化总结

    web前端性能优化主要分为以下几个板块: 加载优化DNS预解析合并img、css、javascript文件,减少h...

  • 前端性能优化

    网络性能优化 DNS预解析:DNS解析也需要时间,所以,需要通过预解析的方式来预先获取域名所对应的IP 缓存缓存对...

  • 前端优化之DNS预解析

    DNS Prefetch,即DNS预获取,是前端优化的一部分。一般来说,在前端优化中与 DNS 有关的有两点: 一...

网友评论

      本文标题:前端优化:DNS预解析提升页面速度

      本文链接:https://www.haomeiwen.com/subject/ufxdoqtx.html