推出電腦版網站的 Signed Exchange

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchanges (SXG) 是一種傳遞機制,可啟用可保護隱私權的跨來源預先擷取功能,藉此加快網站速度並改善最大內容繪製 (LCP) 品質。在 2022 年 I/O 大會上,Google 的 SXG 工作團隊預覽了計畫增加新的 SXG 功能,並支援在其他途徑上的網站導覽功能。今天,我們宣布推出第一批功能,未來幾個月內還會陸續推出更多新功能:

  • 支援電腦版網站瀏覽
  • 透過焦點新聞和新聞取得 SXG 的 Google 搜尋支援
  • 支援伺服器端個人化

請繼續閱讀下文來進一步瞭解這些功能,以及如何利用這些功能改善網站使用者體驗。

支援電腦版導航

本次更新後,Chromium 瀏覽器現在支援電腦版跨來源瀏覽 Signed Exchange。這是以 Android 行動裝置現有的支援為基礎,這表示您現在可以使用 SXG 來快取及預先擷取電腦版網站。

我們預估這個版本1在網站造訪次數平均佔比為兩倍,能改善載入量和效能,為更多使用者帶來助益。以目前行動裝置來說,在 Google 搜尋中瀏覽網站時,LCP 平均降低了 300 到 400 毫秒。

如何使用這項功能

為電腦版網站啟用 Signed Exchanges 時,您不需要進行任何其他操作。Cloudflare 簡單易用的自動 Signed Exchange 工具開放原始碼 SXG 工具包都支援這項功能。

現有 SXG 行動採用者: SXG 會自動開始套用至電腦導航。
新採用者: 啟用後,電腦和 Android 行動裝置導航預設皆可使用 SXG。請參閱 SXG 網誌文章,瞭解如何為網站啟用此功能。

如要使用支援的媒體中繼標記,請選擇不採用。請按這裡瞭解詳情。

進一步瞭解 Signed Exchange 的影響

許多全球品牌和網站都已透過 Signed Exchange 獲益。以下透過一些個案研究,說明目前已在 Android 行動裝置上採用 SXG 的使用者:

Cloudflare 是首屈一指的內容發布網路 (CDN) 供應商,針對他們測試的 500 個網站,進行了一項實驗,評估 Signed Exchange 對客戶的影響:

  • 85% 的人曾看到 LCP 改善項目
  • 觀察到 98%時間減少了第一個位元組 (TTFB)
  • 這些指標升幅中位數為 20%

RebelMouse 是知名的內容管理系統 (CMS),記錄了客戶的業務和成效指標有所提升,包括:

  • LCP 改善率為 41%
  • 《紙牌雜誌》每位使用者的工作階段量提升 27%
  • MTL 網誌載入時間縮短 21%

Google 搜尋支援焦點新聞和新聞

Google 搜尋是 Signed Exchange 早期採用者,提供隱私權保護跨來源預先擷取功能。目前為止,使用者可以透過 Google 搜尋的網頁搜尋結果瀏覽網站。自 2022 年 7 月起,Google 搜尋將擴大這項支援範圍,一併納入「焦點新聞」和「新聞」的導覽功能。請注意,雖然 SXG 不會影響 Google 搜尋中的排名或選取條件,但仍能改善網站的Core Web Vitals (特定 LCP)。

您不需要進行額外設定即可啟用此功能,而且會同時自動供現有和新採用者使用。

搜尋字詞「遊戲新聞」的 Google 搜尋「焦點新聞」和「新聞」小工具螢幕截圖。

支援伺服器端個人化

Signed Exchange 使用快取來預先擷取及提供由來源以加密方式簽署的內容。快取內容可能會多次傳送給多位使用者,或是多次傳送給同一使用者。在過去,這表示 SXG 與使用伺服器端個人化設定 (即已登入使用者所使用的不同 HTML) 的網站不相容。

我們今天將新增 Dynamic SXG,這項新功能可讓您選擇性地針對沒有 Cookie 使用者造訪的 Chromium,啟用 SXG。使用者登入瀏覽後 (啟用伺服器端個人化),會繼續提供非 SXG 版本的網站。

如果網站會對每位已登入的使用者動態計算專屬網頁,因此這項功能特別實用,因此通常相較於資料庫查詢,TTFB 和 LCP 通常較高。Dynamic SXG 可讓您靈活運用 SXG 加快特定使用者造訪網站的速度,同時繼續提供個人化的體驗。

如何啟用這項功能

啟用動態 SXG 之後,您必須在包含伺服器端個人化的網頁 HTTP 標頭中加入 Vary: Cookie 註解。以下列舉一些範例,說明如何依據你的伺服器採用適當的做法:

  • ApacheHeader add Vary Cookie
  • nginxadd_header Vary Cookie
  • Expressres.append('Vary', 'Cookie')

請注意,Signed Exchanges 可繼續使用您用於載入登入小工具、購物車或個人化新聞動態消息等任何用戶端個人化設定。

後續步驟

Google 的 SXG 工作團隊會根據社群的興趣和意見,持續投資 Signed Exchange 添加新功能、功能和途徑。我們計劃在未來幾個月內推出幾項令人期待的功能,請密切留意 Chrome 開發人員網誌,瞭解相關詳情。

註釋

[1]:這是根據行動裝置 Chromium 瀏覽器上 Signed Exchange 造訪時的歷來資料估算而得。實際數據可能因網站而異。