dns-prefetch对网站速度能提升有多少?详解dns-prefetch。

本文介绍了DNS Prefetch技术,一种可以提升网站加载速度的方法。通过预先解析网页中将要访问的域名,减少DNS解析时间,进而加快页面加载速度。文章还提供了实际应用案例,如天猫、京东等大型电商平台如何利用该技术。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

对于网站访问速度,我们永远不满足,就包括我也一样,从优化角度来说,网站优化的速度还算不错。但是这还是不够,下面来介绍下 dns-prefetch 。

dns-prefetch介绍
DNS解析场景
我之前讲解过很多大型的网站,都会用N 个CDN 域名来做图片、静态文件等资源访问。比如新浪,我们经常会看到有下列域。

img1.sina.com.cn 、 img2.sina.com.cn 、img3.sina.com.cn 、img4.sina.com.cn 等等,包括天猫、京东等,都会这样去使用,这是为什么呢,还是出在DNS 解析和浏览器加载原理上,解析单个域名同样的地点加上高并发(极端)难免有点堵塞,再加上部分浏览器对相同域名去DNS 解析的时候会异步,导致速度下降,虽然这些速度上咱们可能看不上,但蚊子再小也是肉,优化就讲究极致。

DNS-Prefetch用处介绍
上面说了那么多,下面来介绍下 dns-prefetch ,在介绍之前,我们先看看我们的大佬们的使用情况,当然一般电商图片比较多,使用的较多。

dns-prefetch天猫的使用

dns-prefetch京东的使用

dns-prefetch SOJSON 的使用 ^_^

DNS Prefetch 是一种DNS 预解析技术,当你浏览网页时,浏览器会在加载网页时对网页中的域名进行解析缓存,这样在你单击当前网页中的连接时就无需进行DNS 的解析,减少用户等待时间,提高用户体验。

我们DNS 解析的时候,需要用域名去DNS 解析匹配 IP ,这个是需要时间的,如果加了 dns-perfetch 呢,浏览器会记住(缓存)这个解析,直接就请求过去了,不需要再走DNS 解析。就是这么简单。

DNS Prefetch使用方式
使用方式上面图片已经有了,就是添加如下代码。

<link rel="dns-prefetch" href="//cdn.www.sojson.com">
//开始是为了适配 https 和 http 。就是当前请求链接是https ,那么这个//前面自动补充https ,反则补充http 。

原文地址:https://www.sojson.com/blog/218.html

转载时必须以链接形式注明原始出处及本声明。
转载自:https://www.sojson.com/blog/218.html

转载于:https://blog.51cto.com/1306733/2153144

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值