新站提交
  • 网站:264
  • 待审:2
  • 小程序:8
  • 文章:263051
  • 会员:36

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


原文地址:218.html

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

本文主题: 网站优化 dns-prefetch

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

¥我需要走的更远,点击我 赞助。 如果还有疑问,点击我加群,为你提供最好的解答。

本文由:link网站目录 https://www.votolink.com/ 收录整理发布

  admin

注册时间:

网站:0 个   小程序:3 个  文章:0 篇

  • 264

    网站

  • 8

    小程序

  • 263051

    文章

  • 36

    会员

赶快注册账号,推广您的网站吧!
热门网站
最新入驻小程序

数独大挑战2018-06-03

数独一种数学游戏,玩家需要根据9

答题星2018-06-03

您可以通过答题星轻松地创建试卷

全阶人生考试2018-06-03

各种考试题,题库,初中,高中,大学四六

运动步数有氧达人2018-06-03

记录运动步数,积累氧气值。还可偷

每日养生app2018-06-03

每日养生,天天健康

体育训练成绩评定2018-06-03

通用课目体育训练成绩评定