HTTP 资源提示与连接优化（preconnect、dns-prefetch 与验证）

概述preconnect可提前建立TLS与TCP连接，dns-prefetch可提前DNS解析。对关键第三方与静态资源域名使用资源提示，可减少首屏与关键请求延迟。关键实践与参数preconnect：对关键域名使用 `<link rel="preconnect" href="https://static.example.com" crossorigin>`dns-prefetch：对非跨域资源使用 `<link rel="dns-prefetch" href="//cdn.example.com">`观测指标：TTFB、FCP、LCP 与连接握手耗时协同策略：与HTTP/3和Early Hints结合提升效果示例/配置/实现<link rel="preconnect" href="https://static.example.com" crossorigin> <link rel="dns-prefetch" href="//cdn.example.com"> Link: <https://static.example.com>; rel=preconnect, <//cdn.example.com>; rel=dns-prefetch 验证握手时延：观察TLS与TCP握手耗时下降首屏指标：FCP/LCP改善在目标阈值内兼容性：不同浏览器与网络下效果稳定协同：与Early Hints一起使用进一步降低关键路径注意事项限定关键域名，避免过度预连接占用资源跨域资源需`crossorigin`与缓存策略协同，避免重复连接浪费持续评估与调整提示列表