speed insights

Perspectivas de velocidad de Vercel

Información sobre el rendimiento de su sitio web

Sitio web · Documentación · Twitter

Descripción general

@vercel/speed-insights rastrea automáticamente los web vitals y otras métricas de rendimiento de su sitio web.

Este paquete no rastrea datos en modo de desarrollo.

Tiene integración de 1ra clase con:

Estructura	Paquete
Siguiente.js	@vercel/speed-insights/next
Nuxt	@vercel/speed-insights/nuxt
Esveltekit	@vercel/speed-insights/sveltekit
remezclar	@vercel/speed-insights/remix
Reaccionar	@vercel/speed-insights/react
Astro	@vercel/speed-insights/astro
vista	@vercel/speed-insights/vue

También es compatible con otros marcos, Vanilla JS y sitios web estáticos.

Inicio rápido

1. Habilite Vercel Speed ​​Insights para un proyecto en Vercel Dashboard.

2. Agregue el paquete @vercel/speed-insights a su proyecto

3. Inyecte Speed ​​Insights en su aplicación

   • Si está utilizando Next.js , React , Nuxt o Vue, puede usar el componente <SpeedInsights /> específico del marco para inyectar el script en su aplicación.
   • Si está utilizando Sveltekit , puede utilizar la función injectSpeedInsights() @vercel/speed-insights/sveltekit en su archivo +layout.js/ts de nivel superior.
   • Para otros marcos, puede usar la función inject para agregar el script de seguimiento a su aplicación.
   • Si desea utilizar Vercel Speed ​​Insights en un sitio estático sin npm, siga las instrucciones de la documentación.

4. Implemente su aplicación en Vercel y vea cómo fluyen los datos.

Documentación

Encuentre más detalles sobre este paquete en nuestra documentación.