Monitoramento de performance web
Saiba dos seus Core Web Vitals antes que o usuário sinta.
O featherweight mede LCP, INP e CLS de visitantes reais, reporta no percentil 75 do jeito que os buscadores leem e avisa no instante em que um deploy estoura o orçamento.
Sem cartão de crédito. Cinco minutos para configurar.
Dados de campo, num relance
Esta página, medida em visitantes reais, fica bem dentro do orçamento de 2,5 segundos de LCP.
- 2,1 bi
- vitals registrados por semana
- 40ms
- latência mediana de ingestão
- p75
- o percentil que importa
O que você leva
Tudo que você precisa para manter uma página rápida.
Vitals de usuários reais
LCP, INP e CLS coletados dos seus visitantes de verdade, resumidos no p75, do mesmo jeito que os sistemas de ranqueamento leem.
Orçamento em cada deploy
Defina um teto para o tamanho do bundle, o peso transferido ou qualquer vital. A regressão reprova o pull request em vez da produção.
Waterfall de requisições
Rastreie o que segurou o primeiro paint, do CSS que bloqueia a renderização à fonte que chegou tarde demais.
Comparação quadro a quadro
Veja a página pintar quadro a quadro e compare dois deploys lado a lado.
Alertas sem ruído
Saiba quando o p75 se mexe, não quando uma sessão lenta piscou numa conexão ruim.
Um script, custo zero em runtime
Um snippet assíncrono de dois kilobytes coleta os dados de campo depois que a página fica interativa, então nunca bloqueia a renderização.
Waterfall de requisições
Veja exatamente o que o navegador fez primeiro.
Cada requisição em uma linha do tempo: o CSS crítico embutido, a fonte pré-carregada, a imagem do LCP buscada em prioridade alta e os arquivos abaixo da dobra adiados até serem necessários. A linha marca o instante em que o maior elemento pintou.
- CSS crítico embutido, nenhuma folha de estilo bloqueando a renderização
- Fontes pré-carregadas e servidas do próprio domínio, sem pulo para terceiros
- Mídia abaixo da dobra carregada sob demanda
Orçamentos de performance
Orçamento que reprova o build, não o lançamento.
Declare os limites que o time combinou. O featherweight confere a cada pull request e transforma uma mudança lenta em check vermelho enquanto ainda é barato corrigir.
- JavaScript, peso transferido e qualquer vital como limite rígido
- Roda no CI a cada pull request
- A regressão trava o merge, não o seu usuário
De quem já usa
Performance deixou de ser discussão.
Pegamos uma regressão de 600ms no LCP ainda no code review, em vez de uma semana depois no analytics.
Ana RibeiroEngenheira Frontend Sênior A checagem de orçamento é a primeira coisa que nossos pull requests rodam hoje. Os revisores pararam de discutir performance no achismo.
Marcus HaleLíder de Plataforma Web Configurar foi uma tag de script e um deploy. Tínhamos números reais de p75 na mesma tarde.
Priya NairEngenheiro de Produto
Perguntas
O que perguntam primeiro.
Qual a diferença para rodar o Lighthouse no CI?
O Lighthouse é um teste de laboratório, em uma máquina só, sob condições fixas. O featherweight soma dados de campo de visitantes reais, então você vê o p75 que o usuário realmente pega em vez de uma única execução sintética. Os dois se completam: laboratório para depurar, campo para decidir.
O script vai deixar meu site lento?
O coletor é um módulo de dois kilobytes carregado com async, e ele reporta depois que a página fica interativa. Nunca bloqueia a renderização. Esta página aqui roda ele.
Quais frameworks são suportados?
Qualquer site que rode JavaScript no navegador. A API de Web Vitals é um padrão do navegador, então não existe nada específico de framework para instalar.
Vocês fazem amostragem ou guardam dados pessoais?
Ele registra métricas de tempo com faixas amplas de dispositivo e conexão. Sem cookies, sem identificadores entre sites, sem dados pessoais.
Existe plano gratuito?
Existe. Até 100 mil visualizações por mês, os três Core Web Vitals e trinta dias de histórico.
Lance rápido. E continue assim.
Adicione o snippet, publique um deploy e veja os vitals dos seus usuários chegarem dentro de uma hora.
Monitorar de graçaGrátis até 100 mil visualizações por mês.