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

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