DNS Prefetch的那些坑

    选择打赏方式

DNS Prefetch是什么呢?

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

目前每次DNS解析,通常在200ms以下。针对DNS解析耗时问题,一些浏览器通过DNS Prefetch 来提高访问的流畅性。

关于DNS Prefetch的具体原理我就不多做解释了,但使用过程中真的是需要注意的一些坑点

使用方法:

<link rel="dns-prefetch" href="需要预加载的URL">

我因为年轻不懂事,以为把当前站点引用外站资源的所有URL都加上,就能快的飞起,但用了一段时间,那是真滴坑呀!预加载添加的多了,在打开网站时就会一个个的去解析这些站点,当这些站点全部解析完毕后才显示页面,这就导致了某些站点延迟高,导致用户访问时长时间等待在空白加载页。

最终总结:

1.尽量只在入口页面添加一次,避免多个页面重复使用该标签

2.只对请求量多的资源链接做预加载

3.如果不懂如何对于预加载做出最合理的优化,可以尝试访问国内大厂的官网查看他们的源代码;如某宝,某东,某易...

版权声明:若无特殊注明,本文为《小傲世》原创,转载请保留文章出处。
本文链接:https://pjax.vip/201.html
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

呵呵 哈哈 吐舌 开心 笑眼 可怜 乖 啊 你懂得 不高兴 生气 汗 黑线 哭 真棒 阴险 鄙视 酷 滑稽 纳尼 疑问 委屈 惊讶 勉强

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!