前端优化:DNS预解析提升页面速度

2 篇文章 0 订阅
订阅专栏

在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢?

一般来说这种延时的原因不会是对方网站带宽或者负载的原因,那么到底是什么导致了这种情况呢。湛蓝试着进行推测,假设是DNS的问题,因为DNS解析速度很可能是造成资源延时的最大原因。于是湛蓝在页面header中添加了以下代码(用以DNS预解析):

<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="http://bdimg.share.baidu.com" />
<link rel="dns-prefetch" href="http://nsclick.baidu.com" />
<link rel="dns-prefetch" href="http://hm.baidu.com" />
<link rel="dns-prefetch" href="http://eiv.baidu.com" />

效果很不错(测试浏览器为IE8),再打开其他页面时百度分享按钮的加载明显提高!

下面我们来简单了解一下dns-prefetch:

DNS 作为互联网的基础协议,其解析的速度似乎容易被网站优化人员忽视。现在大多数新浏览器已经针对DNS解析进行了优化,典型的一次DNS解析耗费20-120 毫秒,减少DNS解析时间和次数是个很好的优化方式。DNS Prefetching是具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这个方式能减少用户的等待时间,提升用户体验。

浏览器对网站第一次的域名DNS解析查找流程依次为:

浏览器缓存-系统缓存-路由器缓存-ISP DNS缓存-递归搜索

域名DNS解析查找流程

Chrome内置了DNS Prefetching技术, Firefox 3.5 也引入了这一特性,由于Chrome和Firefox 3.5本身对DNS预解析做了相应优化设置,所以设置DNS预解析的不良影响之一就是可能会降低Google Chrome浏览器及火狐Firefox 3.5浏览器的用户体验。

预解析的实现:

1. 用meta信息来告知浏览器, 当前页面要做DNS预解析:<meta http-equiv="x-dns-prefetch-control" content="on" />
2. 在页面header中使用link标签来强制对DNS预解析: <link rel="dns-prefetch" href="http://bdimg.share.baidu.com" />

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

PS:DNS预解析主要是用于网站前端页面优化,在SEO中的作用湛蓝还未作验证,但作为增强用户体验的一部分rel="dns-prefetch"或许值得大家慢慢发现。

除非注明,均为湛蓝天空原创,转载请注明本文网址: http://skyhome.cn/div_css/301.html

dns-prefetch是什么 前端优化:DNS解析提升页面速度
09-28
在网页体验中我们常会遇到这种情况,即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢
通过dns转发来改善上网体验
weixin_36829761的博客
05-05 840
有时候打开网站慢并不是由于接入速度慢,而是由于DNS慢。 通过 GitHub - AdguardTeam/dnsproxy: Simple DNS proxy with DoH, DoT, DoQ and DNSCrypt supporthttps://github.com/AdguardTeam/dnsproxy 这个👆工具,你可以方便的加速打开网页的速度,尤其是,访问非简体中文网页的时候。 下载好源码后,在源码目录里运行: go build -mod=vendor 就会得到一个可执行文件
DNS域名解析
weixin_42753043的博客
04-18 846
DNS (仅作为个人笔记,如有雷同,请联系删除。。) https://baike.baidu.com/item/%E5%9F%9F%E5%90%8D%E8%A7%A3%E6%9E%90/574285?fr=aladdin DNS(Domain Name System):域名解析,是把域名指向网站空间IP,让人们通过注册的域名可以方便地访问到网站的一种服务。IP地址是网络上标识站点的数字地址,为了方便记忆,采用域名来代替IP地址标识站点地址。域名解析就是域名到IP地址的转换过程。域名的解析工作由DNS服务器完
如何让网站加载速度变快
YunWisdom
08-07 737
如何让网站加载速度变快 从刚学前端开始就开始折腾博客,一直在尝试如何让博客访问变快,本文总结了一些从前端的角度让站点打开速度变快的方案。 这里的网站加载速度,指的是从输入地址栏,到页面完整展示整个页面的过程,包括加载HTML文档、加载页面静态资源等过程。 参考 首屏时间从12.67s到1.06s,我是如何做到的? 你必须懂的前端性能优化 《HTTP权威指南》读书笔记 提前请求 可以把一些资源提前准备好,当访问页面时就可以加快加载速度DNS解析 DNS查询也是需...
优化DNS解析和拆分域名 提高网页打开速度 (转自163 celine_窝窝家妞妞)
wanghebai的专栏
06-27 1217
用户打开网站的整个流程中,DNS解析时第一环,当用户输入域名并敲回车后,windows系统调用DNS client,寻找到用户配置或者自动分配的DNS IP,之后就开始整个解析过程,DNS服务器忙和了一段时间,完成解析到此域名的数字IP服务器,一般情况下返回给定域名对应的IP地址会花费20到120毫秒的时间,而且在这个过程中浏览器什么都不会做直到DNS查找完毕。 一旦解析完成,连接建立并保持,也
SERVICES 03 (02):特殊DNS解析
01-07
2 案例2:特殊DNS解析 2.1 问题 沿用案例1,本例要求掌握DNS轮询、泛域名解析的配置,实现的目标如下: 为站点 www.tedu.cn 提供DNS轮询解析,三台Web服务器节点的IP地址分别为:192.168.4.100、192.168.4.110、192....
dnstrace:DNS解析跟踪工具
05-22
该工具通过跟踪根名称服务器的委派路径并遵循CNAME链来执行DNS解析。 报告每个查询,并提供有关所有委派名称服务器的统计信息。 特征 关注CNAME 并行查询所有名称服务器,并报告每个名称服务器的统计信息 报告有关...
10:DNS域名解析服务.docx
05-02
10:DNS域名解析服务.docx
preconnect-cli:生成DNS解析连接HTML的脚手架工具
05-10
生成DNS解析连接HTML的脚手架工具 使用方法 preconnect-cli 路径 路径 ... 举例: preconnect-cli ./index.html ./index2.html # 或者 preconnect-cli /Users/mike/index.html /Users/mike/index2.html 生成...
NXP i.MX RT1052 LwIP实战:DNS功能解析域名
12-01
NXP i.MX RT1052 LwIP实战。NXP i.MX RT1052驱动程序。资源代码可直接编译、运行。
vsResolver:DNS验证存根解析器-开源
04-25
验证存根解析器(vsResolver)是一个DNS存根解析器,它实现RFC 4033,RFC 4034和RFC 4035中指定的域名系统安全扩展(DNSSEC)。这些将数据源身份验证和数据完整性添加到域名系统中。 vsResolver扩展了dnspython工具...
massresolver:海量DNS解析工具
05-31
海量DNS解析工具 依赖项: libunbound-dev libldns-dev 汇编: make 用法: 管道名称列表解析为stdin ,每行一个条目。 默认情况下,Massresolver 不使用任何上游缓存解析器,而仅使用libunbound 。 响应和...
dns:基于AmpPHP异步DNS解析
02-02
amphp/dns为提供异步DNS名称解析。 安装 composer require amphp/dns 例 <?php require __DIR__ . '/examples/_bootstrap.php' ; use Amp \ Dns ; use Amp \ Loop ; Loop :: run ( function () { $ githubIpv4 ...
recursive:递归DNS解析器以进行分析
05-08
递归的 递归DNS解析器以进行分析
dns非常慢,非常慢,网页访问非常慢的解决方法
个人进步之路
10-24 3264
一个命令:netsh winsock reset.重置网络套接字. 这几天网络一直慢得很.我也不知道怎么搞破坏了. 是不是,那天一下删了hosts文件?,反正 表现症状就是网络比平常慢得多,dns后来又自己改了,但仍然慢得很,一个网页,至少5,6秒. 很多天了,都搞不好. 今天用这个命令,感觉要好点了. ...
Windows 技术篇-设置dns提升网速,刷新dns缓存
小蓝枣的博客
03-07 4361
dns就是域名解析器,当我们方问域名首先要获取对应的ip,比如`www.baidu.com`,域名解析器要解析出对应的ip,然后我们才能访问到,如果域名解析解析错了,或解析慢,当我们访问某些域名的时候就会很慢才能访问到。 刷新dns缓存。
如何使用DNS加速你的浏览器访问速度?
私欲日生,如地上尘,一日不扫,便又有一层。着实用功,便见道无终穷,愈探愈深,必使精白无一毫不彻方可。
12-11 1107
我们在登录QQ的时候是直接访问的腾讯的服务器, 在下载好的QQ客户端已经帮你配置好了所有的IP, 所有没有域名解析的操作, 所以可以正常的登录。
DNS Prefetch 【DNS 解析技术】
weixin_30677073的博客
04-12 136
  DNS 实现域名到IP的映射。通过域名访问站点,每次请求都要做DNS解析。目前每次DNS解析,通常在200ms以下。针对DNS解析耗时问题,一些浏览器通过DNS Prefetch 来提高访问的流畅性。什么是 DNS Prefetch ?  DNS Prefetch 是一种DNS 解析技术,当你浏览网页时,浏览器会在加载网页时对网页中的域名进行解析缓存,这样在你单击当前网页中的连接时就无需进行...
Vue中实现Dns解析
最新发布
06-09
在Vue中实现DNS解析可以通过在模板中添加`<link rel="dns-prefetch" href="//yourdomain.com">`的方式来实现。...当用户访问页面时,浏览器会在后台自动进行DNS解析,提高页面的加载速度和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 关于Bad Request - Invalid URL HTTP Error 400. The request URL is invalid 如何处理? 13051
  • mysql innodb 表数据压缩 4025
  • 各位大神,急急急~~~~~ 我的jvm 过一段时间就会崩溃,急死了 找不到问题 2972
  • Hadoop 之 集群安装(HDFS、YARN) 1514
  • redis 主从备份以及bgsave的问题 ~~~急急急急急急急急急~~~~~ 1397

分类专栏

  • zookeeper 1篇
  • Hive 1篇
  • 大数据 2篇
  • asp.net 1篇
  • 网站优化及SEO 2篇
  • linux
  • mysql 1篇
  • redis 2篇

最新评论

  • redis 主从备份以及bgsave的问题 ~~~急急急急急急急急急~~~~~

    嘿巴卡玛卡: redis的rdb数据同步有两种方式: 1、全量同步,是从节点接收到rdb文件进行全量同步操作,与此同时master仍响应读写命令,因此主节点会把这期间写入命令保存复制在积压缓冲区内(有固定大小),如果积压缓冲区被写满的话,需要写入到rdb文件,如果从节点还未同步完,则会导致全量同步失败。 2、增量同步,先核对参数runId是否与自身一致,如果一致,说明之前复制的是当前主节点;之后根据参数offset在自身复制积压缓冲区查找,如果偏移量之后的数据存在缓冲区中,则对从节点发送+CONTINUE响应,表示可以进行部分复制;否则进行全量复制。 按楼主你发问题应该是全量同步的rdb文件,在主响应写命令时的操作,那么RBD被从节点复制中,那是否有临时文件或者副本呢? 答案是没有的,响应写入操作会写入缓存区内。

  • 各位大神,急急急~~~~~ 我的jvm 过一段时间就会崩溃,急死了 找不到问题

    真累,: 兄弟,解决了吗?

  • 各位大神,急急急~~~~~ 我的jvm 过一段时间就会崩溃,急死了 找不到问题

    jianghfjy: 大哥,你问题解决了吗?我也是这个问题

  • 各位大神,急急急~~~~~ 我的jvm 过一段时间就会崩溃,急死了 找不到问题

    CHANGEXCX: 想问一下解决了吗,我也遇到了这个问题

  • 各位大神,急急急~~~~~ 我的jvm 过一段时间就会崩溃,急死了 找不到问题

    CandyvvLQY: 请问你解决了吗?我也遇到这个问题,现在解决了吗?啥问题呀?

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • Hbase分布式安装部署
  • zookeeper 集群部署
  • Hadoop 之 Hive安装
2023年4篇
2018年1篇
2017年2篇
2016年5篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值

深圳SEO优化公司内江至尊标王公司宁德外贸网站建设报价贺州网站制作公司徐州网站优化按天收费哪家好长葛百度seo多少钱常德seo排名报价龙岗seo优化价格衡水网站制作设计多少钱盐田百度爱采购推荐阳泉SEO按天计费哪家好甘南网站搜索优化报价承德网站优化排名哪家好肇庆网站seo优化多少钱鹤壁模板网站建设漳州企业网站建设报价吴忠网站优化软件阜阳网站关键词优化报价徐州网站优化按天收费价格东莞网站建设设计推荐运城网站设计价格同乐网站seo优化报价白银网站开发多少钱郴州网站推广系统报价黑河百度爱采购公司信阳seo网站优化多少钱鞍山至尊标王周口关键词按天扣费价格拉萨优秀网站设计多少钱营口营销型网站建设推荐池州建网站报价歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化