dns-prefetch + 预连接与浏览器缓存
dns-prefetch + preconnect vs. browser cache
为了缩短页面加载时间，我想对外部 javascript 秒使用 dns-prefetch 和 preconnect。
<link rel="dns-prefetch" href="https://example.com">
<link rel="preconnect" href="https://example.com">
如果资源（在我的例子中是外部 javascript）已经在浏览器缓存中会怎样？ dns-prefetch 和 preconnect 是否不必要地增加了页面加载时间？换句话说：dns-prefetch 和 preconnect 仅在第一页加载时有用吗？
在重复访问时，如果所有资源都从缓存中获取，preconnect/dns-prefetch确实没有用。但它们不会增加页面加载时间。它们与页面加载并行发生，并且缓存读取不会等待 DNS/TLC/TCP 解析。所以唯一的缺点是您创建了未使用的 TCP 连接并略微增加了服务器的负载。
为了缩短页面加载时间，我想对外部 javascript 秒使用 dns-prefetch 和 preconnect。
<link rel="dns-prefetch" href="https://example.com">
<link rel="preconnect" href="https://example.com">
如果资源（在我的例子中是外部 javascript）已经在浏览器缓存中会怎样？ dns-prefetch 和 preconnect 是否不必要地增加了页面加载时间？换句话说：dns-prefetch 和 preconnect 仅在第一页加载时有用吗？
在重复访问时，如果所有资源都从缓存中获取，preconnect/dns-prefetch确实没有用。但它们不会增加页面加载时间。它们与页面加载并行发生，并且缓存读取不会等待 DNS/TLC/TCP 解析。所以唯一的缺点是您创建了未使用的 TCP 连接并略微增加了服务器的负载。