O teste do Chrome tem como objetivo consertar sites principais da Web para sites pesados de JavaScript

O Google Chrome está testando uma nova maneira de medir os principais vitais da Web em aplicativos de página única (SPAs), que é um ponto cego de longa data no rastreamento de desempenho que afeta auditorias de SEO e sinais de classificação.

Começando com o Chrome 139, os desenvolvedores podem optar por um teste de origem para a API de navegações suaves. Isso permite a medição de métricas como LCP, CLS e INP, mesmo quando uma página atualiza o conteúdo sem recarregar completo.

Por que isso importa para SEO

Os SPAs são populares para velocidade e interatividade, mas foram notoriamente difíceis de monitorar usando ferramentas como Lighthouse, Data Field em Crux ou scripts reais de monitoramento de usuários.

Isso ocorre porque os spas geralmente atualizam a página usando o JavaScript sem desencadear uma navegação tradicional. Como resultado, os sistemas de medição do Google e a maioria das ferramentas de desempenho perdem essas atualizações ao calcular os principais vitais da Web.

Esta nova API pretende fechar essa lacuna, fornecendo uma imagem mais clara de como seu site se sai no mundo real, especialmente depois que um usuário clica ou navega em uma interface semelhante a um aplicativo.

O que a nova API faz

A API de navegação suave do Chrome usa heurísticas embutidas para detectar quando ocorre uma navegação suave. Por exemplo:

• Um usuário clica em um link
• As atualizações de URL da página
• O dom muda visivelmente e desencadeia uma tinta

Quando essas condições são atendidas, o Chrome agora o trata como um evento de navegação para medição de desempenho, mesmo que nenhuma carga de página inteira tenha ocorrido.

A API apresenta novas métricas e aprimoramentos, incluindo:

• interaction-contentful-paint – Permite medir a maior tinta conteúdo após uma navegação suave
• navigationId -Adicionado às entradas de desempenho para que as métricas possam ser vinculadas a navegações específicas (cruciais quando os URLs mudam de interação intermediária)
• Extensões para mudança de layoutAssim, tempo de eventoe INP Para trabalhar em navegações suaves

Como experimentar

Você pode testar esse recurso hoje no Chrome 139 usando:

• Teste local: Habilitar chrome://flags/#soft-navigation-heuristics
• Teste de origem: Adicione um token ao seu site via meta tag ou cabeçalho HTTP para coletar dados reais do usuário

O Chrome recomenda permitir o sinalizador “atribuição de tinta avançada” para os dados mais completos.

Coisas para ter em mente

Barry Pollard, do Chrome, que lidera essa iniciativa, enfatiza a API ainda é experimental:

“Quer medir os principais vitais da Web para spas?

Bem, estamos trabalhando na API Soft NoVigations para isso e estamos lançando um novo julgamento de origem do Chrome 139.

Pegue -o para uma corrida no seu aplicativo e veja se ele detecta corretamente navegações suaves em seu aplicativo e informe -nos se não! ”

Aqui está o que mais você deve saber:

• As métricas podem não ser suportadas em versões do Chrome mais antigas ou outros navegadores
• Seu provedor de rum pode precisar apoiar navigationId e interaction-contentful-paintpara rastreamento
• Alguns casos de borda, como redirecionamentos automáticos ou replaceState() Uso, não pode se registrar como navegações

Olhando para o futuro

Este teste é um passo para tornar os vitais principais mais precisos para os sites modernos de JavaScript pesados.

Embora a API ainda não esteja integrada aos relatórios de desempenho público do Chrome, como o Crux, isso pode mudar se o julgamento for bem -sucedido.

Se o seu site depende de estruturas de reação, vue, angular ou outras spa, agora é sua chance de testar o quão bem a nova abordagem do Chrome captura a experiência do usuário.

---

Imagem em destaque: Roman Samborskyi/Shutterstock