关于dns-prefetch

本文介绍了一个前端优化技术——DNS预获取。通过提前进行DNS查询并缓存结果,将同步请求变为异步,从而减少用户的等待时间。对于提高网页加载速度具有重要作用。

起因:

看百度网页返回数据中有一个

<link rel="dns-prefetch" href="//s1.bdstatic.com"/>
的标签,好奇是干什么的


于是以dns-prefetch为关键字google一把,顺便学了一把,便记录下来。


这个标签的作用是前端优化。以减少查DNS时间,来加快网页元素加载速度。

典型的一次 DNS 解析耗费 20-120 毫秒,减少 DNS 解析数是个优化的方式,而能够缩减 DNS 解析的时间也是有经济效益的事情。

当检查到这个标签时,浏览器直接去查s1.baidu.com这个域名的IP。当后面的样式需要加载或者用户点击需要访问某些资源,从DNS查询的结果已经缓存在电脑中,可以直接访问了。

相当于同步的DNS请求变为异步的,减少了用户等待时间。

好聪明的想法!


参考:

http://dbanotes.net/web/dns_prefetching.html

http://blog.webfuns.net/archives/1357.html



评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值