Resource Hints：preconnect 与 dns-prefetch 实战

概述`dns-prefetch` 提示浏览器预解析域名，`preconnect` 提示浏览器建立到目标的早期连接（含 TLS 握手），适合关键第三方资源与自有子域。用法/示例<link rel="dns-prefetch" href="//cdn.example.com" /> <link rel="preconnect" href="https://cdn.example.com" crossorigin /> Link: <https://cdn.example.com>; rel=preconnect 工程建议谨慎选择目标域，避免过多预连接造成拥塞；与 `preload` 与 `fetchpriority` 协同。对需携带凭据的域设置 `crossorigin` 以避免连接重建。使用 DevTools 网络面板观察握手与连接重用，评估收益。参考与验证MDN：`dns-prefetch` — https://developer.mozilla.org/docs/Web/HTTP/Headers/X-DNS-Prefetch-ControlMDN：`preconnect` — https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/preconnectweb.dev：Preconnect — https://web.dev/articles/preconnect