Trocas assinadas lançadas para sites para computador

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

As trocas assinadas (SXG) são um mecanismo de entrega que pode ajudar a acelerar seu site e melhorar a maior exibição de conteúdo (LCP), ativando a pré-busca entre origens que preserva a privacidade. No Google I/O 2022, o grupo de trabalho de SXG do Google apresentou os planos para adicionar novos recursos de SXG e oferecer suporte à navegação do site em outras plataformas. Hoje, estamos anunciando o primeiro conjunto desses recursos, com mais recursos a serem lançados nos próximos meses:

  • Suporte à navegação em sites para computador
  • Compatibilidade da Pesquisa Google com SXGs de notícias principais e matérias
  • Suporte para personalização do lado do servidor

Continue lendo para saber mais sobre esses recursos e como você pode usá-los para melhorar a experiência do usuário no seu site.

Suporte à navegação em computadores

Com essa versão, as trocas assinadas vão estar disponíveis para navegações entre origens em computadores em navegadores Chromium. Isso se baseia no suporte existente para dispositivos móveis Android e significa que agora você pode usar o SXG para armazenar em cache e fazer a pré-busca da versão para computador do seu site.

Estimamos1 que essa versão vai dobrar, em média, a cobertura da SXG nas visitas ao seu site, melhorando o carregamento e a performance para mais usuários. Hoje em dia, essa melhoria de velocidade é de 300 a 400 ms de redução do LCP, em média, para navegações na Pesquisa Google.

Como aproveitar esse recurso

Ativar as trocas assinadas para a versão para computador do seu site não exige nenhum trabalho extra da sua parte. Esse recurso já é compatível com a ferramenta de trocas assinadas automáticas da Cloudflare e com o kit de ferramentas de SXG de código aberto.

Usuários de dispositivos móveis SXG: O SXG vai começar a ser aplicado automaticamente às suas navegações para computador.
Novos usuários: Quando ativado, o SXG fica disponível para navegações em computadores e dispositivos móveis Android por padrão. Acesse a postagem do blog sobre as SXG para saber como ativar esse recurso no seu site.

Você pode desativar esse recurso usando a metatag "supported-media". Saiba mais aqui.

Saiba mais sobre o impacto das trocas assinadas

Várias marcas e sites globais já se beneficiaram dos Signed Exchanges. Confira alguns estudos de caso de usuários atuais da SXG em dispositivos móveis Android:

A Cloudflare, uma rede de distribuição de conteúdo (CDN) líder, realizou um experimento para medir o impacto das trocas assinadas para os clientes dos 500 sites testados:

  • 85% tiveram uma melhoria na LCP.
  • 98% de redução do Tempo de início até o primeiro byte (TTFB).
  • Média de 20% de melhoria nessas métricas.

A RebelMouse, um sistema de gerenciamento de conteúdo (CMS) importante, registrou uma melhoria nas métricas de negócios e performance dos clientes, incluindo:

  • 41% de melhoria na LCP para a Narcity.
  • Aumento de 27% nas sessões por usuário na Paper Magazine.
  • 21% de redução no tempo de carregamento do blog MTL.

Suporte da Pesquisa Google para as principais notícias e matérias

A Pesquisa Google foi uma das primeiras plataformas a adotar a pré-busca entre origens de trocas assinadas que preservam a privacidade, que até o momento está disponível para navegação de sites nos resultados da pesquisa. A partir de julho de 2022, a Pesquisa vai expandir esse suporte para incluir também as navegações das principais notícias e da seção "Notícias". Embora as SXGs não afetem a classificação ou os critérios de seleção na Pesquisa Google, elas podem melhorar os Core Web Vitals do seu site, especificamente a LCP.

Esse recurso não requer trabalho extra da sua parte para ser ativado e estará disponível automaticamente para usuários atuais e novos.

Captura de tela do widget "Principais notícias e histórias" da Pesquisa Google para o termo de pesquisa "notícias de jogos".

Suporte para personalização do lado do servidor

As trocas assinadas usam um cache para pré-carregar e exibir conteúdo criptografado pela origem. O conteúdo em cache pode ser enviado para vários usuários diferentes ou para o mesmo usuário várias vezes. No passado, isso significava que o SXG não era compatível com sites que usam a personalização do lado do servidor, ou seja, HTMLs diferentes para usuários conectados.

Hoje, estamos adicionando a SXG dinâmica, um novo recurso que permite ativar seletivamente a SXG para visitas de usuários sem cookies somente no Chromium. As navegações de usuários conectados, com personalização do lado do servidor, vão continuar sendo veiculadas em versões não SXG do seu site.

Isso é especialmente importante para sites que calculam dinamicamente uma página da Web exclusiva para cada usuário conectado e, portanto, tendem a ter um TTFB e um LCP mais altos devido a pesquisas no banco de dados. Com a SXG dinâmica, você tem a opção e a flexibilidade de usar a SXG para acelerar as visitas ao seu site para determinados usuários sem afetar a capacidade de oferecer uma experiência personalizada a outros.

Como ativar esse recurso

Para ativar o SXG dinâmico, adicione uma anotação Vary: Cookie ao cabeçalho HTTP das páginas que contêm personalização do lado do servidor. Confira alguns exemplos de como fazer isso com base no seu servidor:

  • Apache: Header add Vary Cookie
  • nginx: add_header Vary Cookie
  • Express: res.append('Vary', 'Cookie')

As trocas assinadas continuam sendo compatíveis com qualquer personalização do lado do cliente que você usa para carregar elementos, como um widget de login, um carrinho de compras ou um feed de notícias personalizado.

A seguir

O grupo de trabalho de SXG do Google continua investindo na adição de novos recursos, recursos e plataformas aos Signed Exchanges com base no interesse e no feedback da comunidade. Planejamos lançar alguns recursos interessantes nos próximos meses. Fique de olho no blog para desenvolvedores do Chrome para saber mais.

Notas de rodapé

[1]: Esta é uma estimativa baseada em dados históricos de visitas a Signed Exchanges em navegadores Chromium em dispositivos móveis. Os números reais podem variar de acordo com o site.