speed insights

Vercel Speed ​​Insights

Insights de desempenho para seu site

Site · Documentação · Twitter

Visão geral

@vercel/speed-insights rastreia automaticamente os sinais vitais da web e outras métricas de desempenho do seu site.

Este pacote não rastreia dados no modo de desenvolvimento.

Possui integração de 1ª classe com:

Estrutura	Pacote
Próximo.js	@vercel/speed-insights/next
Nuxt	@vercel/speed-insights/nuxt
Sveltekit	@vercel/speed-insights/sveltekit
Remixar	@vercel/speed-insights/remix
Reagir	@vercel/speed-insights/react
Astro	@vercel/speed-insights/astro
Vista	@vercel/speed-insights/vue

Ele também oferece suporte a outras estruturas, JS vanilla e sites estáticos.

Início rápido

1. Habilite Vercel Speed ​​​​Insights para um projeto no Vercel Dashboard.

2. Adicione o pacote @vercel/speed-insights ao seu projeto

3. Injete Speed ​​Insights em seu aplicativo

   • Se você estiver usando Next.js , React , Nuxt ou Vue você pode usar o componente <SpeedInsights /> específico da estrutura para injetar o script em seu aplicativo.
   • Se estiver usando Sveltekit , você pode usar a função injectSpeedInsights() @vercel/speed-insights/sveltekit em seu arquivo +layout.js/ts de nível superior.
   • Para outras estruturas, você pode usar a função inject para adicionar o script de rastreamento ao seu aplicativo.
   • Se você deseja usar o Vercel Speed ​​Insights em um site estático sem npm, siga as instruções da documentação.

4. Implante seu aplicativo no Vercel e veja o fluxo de dados.

Documentação

Encontre mais detalhes sobre este pacote em nossa documentação.