针对桌面版网站推出了 Signed Exchange

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchange (SXG) 是一种传送机制,可以通过启用可保护隐私的跨源预提取,帮助加快您网站的速度并改进 Largest Contentful Paint (LCP)。在 2022 年 I/O 大会上,Google 的 SXG 工作组预先展示了在更多平台上添加 SXG 新功能并支持网站导航的计划。今天,我们宣布推出第一组此类功能,并将在未来几个月内推出更多功能:

  • 支持桌面版网站导航
  • “焦点新闻”和“新闻”为 SXG 提供的 Google 搜索支持
  • 支持服务器端个性化

请继续阅读下文,详细了解这些功能以及如何利用它们来改善您网站的用户体验。

支持桌面导航

在此版本中,Signed Exchange 现支持 Chromium 浏览器中的桌面跨源导航。这以对 Android 移动设备的现有支持为基础,意味着现在您还可以使用 SXG 缓存和预提取网站的桌面版。

我们估计1,此版本平均可将 SXG 对您网站的访问覆盖的比例提高一倍,从而为更多用户提供更好的加载和性能。如今,对于通过 Google 搜索进行的导航,移动设备上的 LCP 平均缩短幅度为 300 到 400 毫秒。

如何使用此功能

为网站的桌面版启用 Signed Exchange 不需要您做任何额外的工作。Cloudflare 简单易用的 Automatic Signed Exchanges 工具SXG 开源工具包都支持此功能。

SXG Mobile 的现有采用者: SXG 将自动开始应用于您的桌面导航。
新用户: 启用后,SXG 将默认同时适用于桌面设备和 Android 移动设备导航。请参阅 SXG 博文,了解如何为您的网站启用 SXG。

如果您想使用 supported-media 元标记,则可以选择不自动迁移。请点击此处了解详情。

详细了解 Signed Exchange 的影响

一些全球品牌和网站已经从 Signed Exchange 中受益。我们来看几个针对目前采用 Android 移动设备的 SXG 用户的一些案例研究:

Cloudflare 是一家领先的内容分发网络 (CDN),他们开展了一项实验,以衡量 Signed Exchange 为其测试过的 500 个网站的客户带来的影响:

  • 85% 的玩家发现 LCP 有所提高
  • 98% 的受访者观察到首字节时间 (TTFB) 缩短了。
  • 这些指标提升 20% 的中位数。

RebelMouse 是一家知名的内容管理系统 (CMS),其客户的业务和绩效指标有所提升,其中包括:

  • Narcity 的 LCP 提高了 41%
  • Paper Magazine 的每位用户的会话数增加了 27%
  • MTL 博客的加载时间缩短了 21%

Google 搜索对焦点新闻和新闻的支持

Google 搜索是 Signed Exchange 可保护隐私的跨源预提取功能的尝鲜者,迄今为止,该功能已可用于通过 Google 搜索的网页结果进行网站导航。从 2022 年 7 月开始,Google 搜索将扩大这一支持范围,同时添加“焦点新闻”和“新闻”中的导航功能。请注意,虽然 SXG 不会影响在 Google 搜索中的排名或选择标准,但它确实能够提升您网站的核心网页指标(具体而言是 LCP)。

此功能不需要您执行额外的操作即可启用,并且会自动提供给现有和新采用者。

屏幕截图:Google 搜索的“焦点新闻”和“新闻”微件针对搜索字词“gaming news”(游戏新闻)。

支持服务器端个性化

Signed Exchange 使用缓存来预提取和传送已由源站加密签名的内容。缓存内容可以发送给多个不同的用户,也可以多次发送给同一用户。过去,这意味着 SXG 与使用服务器端个性化(即针对登录用户使用不同的 HTML)的网站不兼容。

今天,我们将添加 Dynamic SXG,这是一项新功能,让您可以选择性地针对仅限 Chromium 上无 Cookie 用户的访问启用 SXG。已登录的导航应用具有服务器端个性化功能,将继续投放您网站的非 SXG 版本。

这对于为每个登录用户动态计算唯一网页的网站尤其有影响,因此通常源于数据库查询的 TTFB 和 LCP 较高。Dynamic SXG 可让您灵活选择,利用 SXG 提升特定用户对您网站的访问速度,而不会影响您向他人提供个性化体验的能力。

如何启用此功能

若要启用 Dynamic SXG,您需要将 Vary: Cookie 注解添加到包含服务器端个性化的网页的 HTTP 标头中。下面列举了一些示例来说明如何根据您的服务器执行此操作:

  • ApacheHeader add Vary Cookie
  • nginxadd_header Vary Cookie
  • 极速res.append('Vary', 'Cookie')

请注意,Signed Exchange 会继续支持您用于加载元素(例如登录微件、购物车或个性化新闻信息流)的任何客户端个性化设置。

后续步骤

根据社区的兴趣和反馈,Google 的 SXG 工作组会继续投入资源,向 Signed Exchange 添加新功能。我们计划在未来几个月内推出一些激动人心的功能,敬请关注 Chrome 开发者博客了解详情。

脚注

[1]:此估算值根据 Signed Exchange 在移动设备上通过 Chromium 浏览器进行的访问历史数据得出。实际数量可能因网站而异。