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

soゝso 2017-03-28 22:48:39 4795

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

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

本文主题:

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

相关文章
dns-prefetch网站速度提升多少详解dns-prefetch
详解JavaScript中splice()方法,Demo细介绍
IE浏览器判断,判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]
Elasticsearch 教程,Elasticsearch 日期查询详解,Elasticsearch Date 查询Java API
Description的作用,Description对SEO什么影响
Maven的Mirror和Repository 的细讲解
document.domain解决跨域问题,细讲解。
Shiro教程,Shiro 配置文件细解释,Shiro自定义Filter配置
HttpClient 获取细的头信息
BlockingQueue 方法细描述
最新文章
Macbook teamviewer 突破5分钟,苹果电脑重置 Mac 地址,100%解决限制 220
腾讯云代金券 10000 元/ 30000 代金券领取技巧 324
SEO 换友情链接的主意事项,友情链接断链、友情链接套路说明 229
Springboot + Mybatis,数据库多数据源配置项目Demo【源码下载】 1903
Mac mtr 安装并使用,mrt: command not found 299
Java 集成阿里云消息队列,日志消息存储 497
域名备案注意事项,网站域名ICP备案快速通过攻略【干货分享】 472
Springboot 集成Aliyun MQ消息队列,Aliyun 消息队列配置及代码实现 837
SpringBoot 集成Spring-data-redis,redis对象序列化存储 2029
天气API,全国天气 JSON API接口,可以获取十五天的天气预报 604
最热文章
Elasticsearch教程(四) elasticsearch head 插件安装和使用 126781
免费天气API,全国天气 JSON API接口,可以获取五天的天气预报 108004
Elasticsearch教程(六) elasticsearch Client创建 78810
Elasticsearch教程(八) elasticsearch delete 删除数据(Java) 74434
Elasticsearch教程(二),IK分词器安装 73217
Elasticsearch教程(一),全程直播(小白级别) 65782
Elasticsearch教程(五) elasticsearch Mapping的创建 61877
Elasticsearch教程(三),IK分词器安装 (极速版) 56361
Elasticsearch教程(七) elasticsearch Insert 插入数据(Java) 53539
Java 解析JSON,JSON-LIB jar包下载和使用。 48973

骚码加入我们 / 千人QQ群:259217951

入群需要5元,如果没有QQ钱包,可以先Alipay、微信,赞助然后加群主拉进。

二维码生成 来自 >> 二维码生成器

支付扫码

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

正在加载... ...