rel=preconnect

preconnect 是 rel 屬性（用於 <link> 元素）的一個關鍵字，它提示瀏覽器使用者可能需要來自目標資源來源的資源，因此瀏覽器可以透過搶先啟動到該來源的連線來改善使用者體驗。透過搶先執行部分或全部握手（HTTP 為 DNS+TCP，HTTPS 來源為 DNS+TCP+TLS），預連線可以加快將來來自給定來源的載入速度。

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

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

<link rel="preconnect" href="https://example.com" />

Link: <https://example.com>; rel="preconnect"