Preconnect 与 DNS-Prefetch 资源准备与数据获取优化

`title: Preconnect 与 DNS-Prefetch 资源准备与数据获取优化``categories: Web 开发/前端/数据管理``keywords: preconnect,dns-prefetch,link hints,性能,资源准备``description: 使用 preconnect 与 dns-prefetch 提前建立连接与解析域名，降低数据获取的首包延迟，并与缓存策略协作提升体验。`页面 Hint<link rel="preconnect" href="https://api.example.com" crossorigin> <link rel="dns-prefetch" href="https://cdn.example.com"> 协作建议与 SW 预热和 Cache Storage 层配合，避免重复握手与提升命中。