使用dns-prefetch做DNS预获取提高前端性能

在查看微信页面源代码时，发现了一下代码

<link rel="dns-prefetch" href="//res.wx.qq.com">

凭借着自己闲着没事干的精神，我就搜了一下。DNS Prefetch也就是DNS预获取，是前端DNS优化中的其中一点，另外一点嘛，就是减少DNS查询的次数。

浏览器支持情况：

Firefox: 3.5+
Chrome: Supported
Safari 5+
Opera: Unknown
IE: 9 (called “Pre-resolution” on blogs.msdn.com)

默认情况下浏览器会对页面中和当前域名（正在浏览网页的域名）不在同一个域的域名进行预获取，并且缓存结果，这就是隐式的DNS Prefetch。如果想对页面中没有出现的域进行预获取，那么就要使用显示的DNS　Prefetch了，也就是使用link标签：

<link rel="dns-prefetch" href="//res.wx.qq.com">

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

上面那段话是人家的，直接拿来了……

使用dns-prefetch做DNS预获取提高前端性能相关推荐

分享Web应用运行的细节问题：预编译提高网站性能、跟踪用户习惯和解决线程同步...
在这个文章里,我将分享一下在iOpenWorks.com这个网站试运行中碰到的若干问题和解决方案,这些问题包含了:(1)如何通过ASP.NET MVC预编译提高性能:(2)如何知道网站在运行中,用户响 ...
link标签的几个用法，帮助提高页面性能
写在前面本文首发于公众号:符合预期的CoyPan HTML 中****元素规定了外部资源与当前文档的关系.最常见的用法,是用来链接一个外部的样式表,比如: <link href="m ...
html5 link prefetch,dns预获取（dns-prefetch）link rel=＂dns-prefetch＂优化载入速度
dns预获取(dns-prefetch)link rel="dns-prefetch",DNS Prefetch也就是DNS预获取.设置DNS预获取(dns-prefetch)有两 ...
前端优化系列之一：dns预获取 dns-prefetch 提升页面载入速度
问题:怎么做到dns域解析? 用于优化网站页面的图片问题:怎么提升网站性能? dns域解析,是提升网站的一个办法. DNS Prefetch,即DNS预获取,是前端优化的一部分. 一般来说,在前端优 ...
前端优化系列之DNS预获取 dns-prefetch 提升页面载入速度
前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 DNS Prefetch,即DNS预获取,是前端优化的一部分.一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少D ...
前端优化系列:DNS预获取 dns-prefetch 提升页面载入速度
DNS Prefetch,即DNS预获取,是前端优化的一部分.一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少DNS的请求次数,另一个就是进行DNS预获取 . DNS 作为互联网的基础协议 ...
[原创]bind DNS IP列表的精确获取
[原创]bind DNS IP列表的精确获取 [原创]bind DNS IP列表的精确获取 - LSX - 博客园 [原创]bind DNS IP列表的精确获取 Posted on 2012-02-1 ...
微软dns能做cname吗_为什么域的根不能是CNAME以及有关DNS的其他花絮
微软dns能做cname吗 This post will use the above question to explore DNS, dig, A records, CNAME records, a ...
做DNS子域委派配置
其实做子域是很简单在主域只要加指针记录就OK了主域:192.168.1.1 xyz.com IN NS dns.xyz.com. dns IN A 192.168.1.1 fuzhu IN ...

使用dns-prefetch做DNS预获取提高前端性能

使用dns-prefetch做DNS预获取提高前端性能相关推荐

最新文章

热门文章