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

JSON 2017-03-28 22:48:39 38577

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


版权所属:SO JSON在线解析

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

转载时必须以链接形式注明原始出处及本声明。

本文主题:

如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。

关于作者
一个低调而闷骚的男人。
相关文章
详解JavaScript中splice()方法,Demo细介绍
Unicode编码详解
Elasticsearch 教程,Elasticsearch 日期查询详解,Elasticsearch Date 查询Java API
今天DNS挂了,Mac添加修改DNS,114DNS挂了修改成阿里DNS
json-lib-2.4-jdk15.jar使用详解
DNS查询, DNS测速检查接口,DNS测速接口
IE浏览器判断,判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]
dns污染怎么解决?为什么会出现这种情况?
DNS TXT记录添加方法,ICP备案信息屏蔽查询处理方案讲解
DNS劫持,CDN和DNS劫持网络跳转,排查及解决经验分享
最新文章
PHP回显语句 36
Linux—文件树 83
C语言while循环和do while循环 127
Python元组剖析 151
MySQL触发器教程 262
sql使用布尔运算符和关系运算符 235
C语言的变量和常量 291
PHP变量剖析 193
SQL全外连接剖析 339
SQL自然连接剖析 223
最热文章
最新MyEclipse8.5注册码,有效期到2020年 (已经更新) 681687
苹果电脑Mac怎么恢复出厂系统?苹果系统怎么重装系统? 674703
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 601610
免费天气API,天气JSON API,不限次数获取十五天的天气预报 575081
Jackson 时间格式化,时间注解 @JsonFormat 用法、时差问题说明 552740
我为什么要选择RabbitMQ ,RabbitMQ简介,各种MQ选型对比 509309
Elasticsearch教程(四) elasticsearch head 插件安装和使用 479847
Jackson 美化输出JSON,优雅的输出JSON数据,格式化输出JSON数据... ... 264119
Java 信任所有SSL证书,HTTPS请求抛错,忽略证书请求完美解决 244246
Elasticsearch教程(一),全程直播(小白级别) 225502
支付扫码

所有赞助/开支都讲公开明细,用于网站维护:赞助名单查看

查看我的收藏

正在加载... ...