rel="preconnect"

preconnect 關鍵字用於 <link> 元素的 rel 屬性，它會提示瀏覽器使用者可能需要目標資源的來源（origin）提供的資源，因此瀏覽器可以透過預先建立到該來源的連線來改善使用者體驗。預連線透過預先完成部分或全部握手（HTTP 的 DNS+TCP，HTTPS 的 DNS+TCP+TLS）來加速從給定來源將來的載入。

<link rel="preconnect"> 將為任何未來的跨域 HTTP 請求、導航或子資源提供好處。它對同源請求沒有好處，因為連線已經開啟。

如果一個頁面需要連線到許多第三方域名，預連線所有這些域名可能會適得其反。<link rel="preconnect"> 提示最好僅用於最關鍵的連線。對於其他連線，只需使用 <link rel="dns-prefetch"> 來節省第一步——DNS 解析的時間。