跳至主要內容

    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 />

    常見問題

    關於這個詞彙的常見問答。

    回到詞彙表