首页 > 解决方案 > dns-prefetch + preconnect vs. 浏览器缓存

问题描述

dns-prefetch为了提高页面加载时间,我想使用preconnect外部 javascripts。

<link rel="dns-prefetch" href="https://example.com">
<link rel="preconnect" href="https://example.com">

如果资源(在我的情况下是外部 javascript)已经在浏览器缓存中会发生什么?是否不必要dns-prefetchpreconnect添加页面加载时间?换句话说:是否dns-prefetch并且preconnect仅在第一页加载时有用?

标签: performancepreconnectdns-prefetch

解决方案


在重复访问时,如果所有资源都从缓存中获取,那么 preconnect/dns-prefetch 确实是无用的。但它们不会增加页面加载时间。它们与页面加载并行发生,并且缓存读取不会等待 DNS/TLC/TCP 解析。所以唯一的缺点是你创建了未使用的 TCP 连接并稍微增加了服务器的负载。


推荐阅读