Preconnect
preconnect 提前建立與第三方網域的連線(DNS/TLS),可降低延遲。適合少數關鍵第三方。
定義
Preconnect 是 `<link rel='preconnect'>` 資源提示,用來提前建立到指定網域的連線(包含 DNS、TCP、TLS)。它能降低之後請求該網域資源的延遲,但只適合少數真的關鍵第三方,過度使用會浪費連線資源。
為什麼重要
- 降低第三方資源的連線延遲
- 改善首屏載入與 LCP(在第三方關鍵時)
- 對字體/CDN/分析腳本等可能有幫助
怎麼做(實作重點)
- 只對最關鍵的第三方網域使用 preconnect
- 搭配 dns-prefetch(較低成本)
- 避免對大量第三方亂加(反而造成負擔)
範例
html
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />常見問題
關於這個詞彙的常見問答。