Signed Exchange（SXG）は、プライバシーに配慮したクロスオリジン プリフェッチを有効にすることで、サイトの高速化と Largest Contentful Paint（LCP）の改善に役立つ配信メカニズムです。I/O 2022 で、Google の SXG ワーキング グループは、SXG の新機能を追加し、より多くのサーフェスでのサイト ナビゲーションをサポートする計画をプレビューしました。本日は、これらの機能の最初のセットについてお知らせします。今後数か月以内に、さらに多くの機能が追加される予定です。
- パソコンでのサイト操作のサポート
- トップニュースとニュースからの SXG に対する Google 検索のサポート
- サーバーサイドのパーソナライズのサポート
以下では、これらの機能の詳細と、これらを活用してサイトのユーザー エクスペリエンスを向上させる方法について説明します。
デスクトップ ナビゲーションのサポート
このリリースにより、パソコンの Chromium ブラウザでのクロスオリジン ナビゲーションで Signed Exchange を使用できるようになります。これは Android モバイルの既存のサポートを基盤としており、SXG を使用してサイトの PC 版をキャッシュに保存し、プリフェッチもできるようになりました。
このリリースにより、平均して SXG によるサイトのアクセス範囲が 2 倍になり、より多くのユーザーの読み込みとパフォーマンスが改善されると見積もっています1。現在モバイルでは、Google 検索からのナビゲーションで LCP が平均 300 ～ 400 ミリ秒短縮されています。
この機能の活用方法
PC 版のサイトで Signed Exchange を有効にしても、追加の作業は必要ありません。この機能は、Cloudflare の使いやすい自動 Signed Exchange ツールとオープンソースの SXG ツールキットの両方ですでにサポートされています。
supported-media メタタグを使用する場合は、このオプションを無効にできます。詳しくはこちらをご確認ください。
Signed Exchange による影響の詳細
すでにいくつかのグローバル ブランドやサイトが Signed Exchange の恩恵を受けています。現在 Android モバイルで SXG を導入しているお客様の事例紹介をいくつか見てみましょう。
大手コンテンツ配信ネットワーク（CDN）である Cloudflare は、テストした 500 のサイトの顧客に対する Signed Exchange の効果を測定するテストを実施しました。
- 85% の組織が LCP の改善を感じています。
- 98% の事例で、最初のバイトまでの時間（TTFB）の短縮が確認されています。
- これらの指標全体で 20% の改善率の中央値。
著名なコンテンツ マネジメント システム（CMS）である RebelMouse は、次のような顧客に関するビジネス指標とパフォーマンス指標が改善されました。
- Narcity: LCP が 41% 改善。
- Paper Magazine 社のユーザーあたりのセッション数が 27% 増加。
- MTL ブログの読み込み時間が 21% 短縮。
Google 検索におけるトップニュースとニュースのサポート
Google 検索は、プライバシーに配慮した Signed Exchange のクロスオリジン プリフェッチをいち早く採用しました。この機能は、これまで検索のウェブページ検索結果からのサイト ナビゲーションに利用可能でした。2022 年 7 月より、Google 検索ではこのサポートが拡大され、トップニュースとニュースからのナビゲーションも含まれるようになります。なお、SXG は Google 検索でのランキングや選択の基準には影響しませんが、サイトの Core Web Vitals（特に LCP）を改善する機能を備えています。
この機能を有効にするのに特別な作業は必要ありません。既存と新規の両方の導入ユーザーが自動的に利用できるようになります。
サーバーサイドのパーソナライズのサポート
Signed Exchange は、キャッシュを使用して、送信元によって暗号署名されたコンテンツをプリフェッチして配信します。キャッシュに保存されたコンテンツは、複数の異なるユーザーに、または同じユーザーに複数回送信できます。そのため、これまで SXG はサーバーサイドのパーソナライズ（ログイン ユーザーごとに異なる HTML を使用するサイト）には対応していませんでした。
本日は、Dynamic SXG をご紹介します。これは、Cookie を使わない Chromium ユーザーからのアクセスに対してのみ SXG を選択的に有効にできる新機能です。ログイン中のナビゲーションでは、サーバーサイドのパーソナライズを使用して、引き続き SXG 以外のバージョンのサイトが配信されます。
これは、ログイン ユーザーごとに固有のウェブページを動的に計算するサイトで特に効果があり、データベースのルックアップによって TTFB と LCP が高くなる傾向があります。Dynamic SXG は、SXG を活用して、パーソナライズされたエクスペリエンスを他者に提供する能力に影響を与えることなく、特定のユーザーに対してサイトへのアクセスを高速化するオプションと柔軟性を提供します。
この機能を有効にする方法
Dynamic SXG を有効にするには、サーバーサイドのパーソナライズを含むページの HTTP ヘッダーに Vary: Cookie アノテーションを追加する必要があります。以下に、サーバーに応じた方法の例を示します。
なお、Signed Exchange は、ログイン ウィジェット、ショッピング カート、パーソナライズされたニュース フィードなどの要素を読み込む際に使用するクライアントサイドのあらゆるパーソナライズと引き続き互換性があります。
次のステップ
Google の SXG ワーキング グループは、コミュニティの関心やフィードバックに基づいて、Signed Exchange に新しい機能、機能、サーフェスを追加するための投資を続けています。今後数か月の間に、いくつかの魅力的な機能を予定しています。詳しくは Chrome デベロッパー ブログをご覧ください。
脚注
[1]: モバイルの Chromium ブラウザでの Signed Exchange へのアクセスに関する過去のデータに基づく推定値です。実際の数はサイトによって異なります。