Sentry JavaScript SDK v11 mede Web Vitals em soft navigations

Até agora, Web Vitals no Sentry descreviam basicamente quem chegava ao site vindo de fora. O JavaScript SDK v11 muda isso: com Chrome reportando métricas para soft navigations, o SDK captura LCP, CLS e INP para cada navegação do lado do cliente. Vem ligado por padrão para quem usa v11 com browserTracingIntegration, e depende de span streaming, também padrão na v11. Quem preferir um único conjunto de vitals para a vida inteira da página pode usar Sentry.webVitalsIntegration({ softNavigations: false }).

O Chrome define soft navigation com três critérios: iniciada por ação do usuário, com mudança visível de URL e com pintura visível. Essas heurísticas não são finais. Por enquanto, só o Chromium 151 e posteriores reporta, e o próprio navegador decide o que conta, independentemente do router. No app da Sentry, cerca de três em quatro mudanças de rota no Chrome se qualificam. TTFB, FP e FCP continuam só para page loads.

Cada métrica ganha o atributo browser.navigation.type, e o dashboard ganha o filtro "Measured on" (page loads, soft navigations, bfcache restores e prerenders). Os relógios são diferentes: o do page load começa na requisição do documento, o da soft navigation começa na interação do usuário. Por isso o dashboard esconde os limites good/poor nessa visão. No app da Sentry, o p75 de LCP é 2,48 s em todas as navegações e 1,17 s só nas soft navigations. O app não ficou mais rápido, a mistura mudou.

Em 25 de setembro de 2026, o CEVIU noticiou "Sentry Lança Ferramenta Essencial para Monitoramento do Cache Back/Forward e Otimização da Experiência do Desenvolvedor", sobre a bfcacheMetricsIntegration. Segundo a Sentry, essas métricas dizem se o botão voltar foi instantâneo. Agora, a v11 traz os web vitals da própria navegação, incluindo restaurações de bfcache e soft navigations. São medições diferentes e complementares.

Para quem opera uma SPA, isso significa enxergar rotas como configurações ou o segundo passo do checkout, que quase nunca recebem page load e ficavam sem dados. Também exige cuidado: ao atualizar, os números gerais tendem a melhorar sem ganho real, e dashboards duplicados e alertas antigos precisam de ajuste. Para manter um alerta de page loads, o caminho é excluir soft-navigation e back-forward-cache, em vez de listar valores específicos.