PC サイト向けの Signed Exchange のリリース

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchange(SXG)は、プライバシーを保護したクロスオリジン プリフェッチを有効にすることで、サイトの速度を向上させ、Largest Contentful Paint(LCP)を改善できる配信メカニズムです。I/O 2022 で、Google の SXG ワーキング グループは、新しい SXG 機能を追加し、追加のサーフェスでのサイト ナビゲーションをサポートする計画をプレビューしました。本日は、これらの機能の最初のセットを発表します。今後数か月以内にさらに追加される予定です。

  • パソコン版サイトのナビゲーションのサポート
  • Google 検索でのトップニュースとニュースの SXG のサポート
  • サーバーサイドのパーソナライズのサポート

以下では、これらの機能の詳細と、それらを活用してサイトのユーザー エクスペリエンスを改善する方法について説明します。

パソコンのナビゲーションをサポートする

このリリースにより、Chromium ブラウザのデスクトップのクロスオリジン ナビゲーションで署名付き交換が利用可能になります。これは、Android モバイル向けの既存のサポートを拡張したもので、SXG を使用してサイトのパソコン版もキャッシュに保存してプリフェッチできるようになりました。

今回のリリースにより、サイト訪問の SXG のカバレッジが平均で 2 倍になり、より多くのユーザーの読み込みとパフォーマンスが改善されると見込まれます1。現在、モバイルでは、Google 検索からのナビゲーションにおいて、この速度向上により LCP が平均 300 ~ 400 ms 短縮されています。

この機能の活用方法

サイトのパソコン版で署名付き交換を有効にするために、追加の作業は必要ありません。この機能は、Cloudflare の使いやすい自動署名交換ツールオープンソースの SXG ツールキットの両方ですでにサポートされています。

SXG モバイル サービスをすでにご利用のお客様: SXG は、パソコンのナビゲーションに自動的に適用されます。
新規ユーザー: SXG を有効にすると、デフォルトではパソコンと Android モバイルの両方のナビゲーションで利用できます。サイトで SXG を有効にする方法については、SXG のブログ投稿をご覧ください。

必要に応じて、サポートされているメディアのメタタグを使用してこの機能をオプトアウトできます。詳しくはこちらをご覧ください。

署名付き交換の影響の詳細

すでに、いくつかのグローバル ブランドとサイトが署名付きエクスチェンジのメリットを享受しています。Android モバイルで SXG を導入している企業のケーススタディをいくつかご紹介します。

大手コンテンツ配信ネットワーク(CDN)である Cloudflare は、テストした 500 サイトのお客様に対して、署名付き交換の影響を測定するためにテストを実施しました。

  • 85% のユーザーでLCP が改善しました。
  • 98% のサイトで、最初のバイトまでの時間(TTFB)が短縮されました。
  • これらの指標の中央値が 20% 向上

著名なコンテンツ マネジメント システム(CMS)である RebelMouse では、お客様のビジネスとパフォーマンスの指標が改善されました。

  • Narcity の LCP が 41% 改善
  • Paper Magazine のユーザーあたりのセッション数が 27% 増加しました。
  • MTL ブログの読み込み時間が 21% 短縮

Google 検索でのトップニュースとニュースのサポート

Google 検索は、Signed Exchange のプライバシー保護クロスオリジン プリフェッチを早期に採用しています。これはこれまで、検索のウェブページ検索結果からのサイト ナビゲーションに使用されていました。2022 年 7 月より、このサポートが拡大され、トップニュースとニュースからのナビゲーションも対象となります。SXG は Google 検索のランキングや選択基準には影響しませんが、サイトの Core Web Vitals(特に LCP)を改善する効果があります。

この機能は有効にするために追加の作業は必要ありません。既存のユーザーと新規のユーザーの両方が自動的に利用できるようになります。

検索キーワード「ゲーム ニュース」の Google 検索のトップニュースとニュース ウィジェットのスクリーンショット。

サーバーサイドのパーソナライズのサポート

署名付きエクスチェンジは、キャッシュを使用して、オリジンによって暗号署名されたコンテンツをプリフェッチして配信します。キャッシュに保存されたコンテンツは、複数のユーザーに送信することも、同じユーザーに複数回送信することもできます。これまで、SXG は、ログインしたユーザーに対して異なる HTML を表示するサーバーサイド パーソナライズを使用するサイトと互換性がありませんでしたが、

本日、動的 SXG を追加します。これは、Cookie のないユーザーからのアクセスに対してのみ、Chromium で SXG を選択的に有効にできる新機能です。ログインした状態でのナビゲーション(サーバーサイド パーソナライズあり)では、引き続き SXG 以外のバージョンのサイトが配信されます。

これは、ログインしたユーザーごとに一意のウェブページを動的に計算するサイトに特に影響します。このようなサイトでは、データベースの検索が原因で TTFB と LCP が高くなる傾向があります。動的 SXG を使用すると、他のユーザーにパーソナライズされたエクスペリエンスを提供することに影響を与えることなく、SXG を活用して特定のユーザーのサイト訪問を促進できます。

この機能を有効にする方法

動的 SXG を有効にするには、サーバーサイド パーソナライズを含むページの HTTP ヘッダーに Vary: Cookie アノテーションを追加する必要があります。サーバーに基づく方法の例を次に示します。

なお、署名付きエクスチェンジは、ログイン ウィジェット、ショッピング カート、パーソナライズされたニュース フィードなどの要素の読み込みに使用するクライアントサイドのパーソナライズと引き続き互換性があります。

次のステップ

Google の SXG ワーキング グループは、コミュニティの関心とフィードバックに基づいて、署名付きエクスチェンジに新しい機能、機能、サーフェスを追加することに引き続き取り組んでいます。今後数か月以内に、いくつかの機能がリリースされる予定です。詳細については、Chrome デベロッパー ブログをご覧ください。

脚注

[1]: これは、モバイルの Chromium ブラウザでの署名付き交換のアクセスに関する過去のデータに基づく推定値です。実際の数値はサイトによって異なる可能性があります。