speed insights

Aperçu de la vitesse de Vercel

Informations sur les performances de votre site Web

Site Web · Documentation · Twitter

Aperçu

@vercel/speed-insights suit automatiquement les éléments essentiels du Web et d'autres mesures de performances de votre site Web.

Ce package ne suit pas les données en mode développement.

Il a une intégration de 1ère classe avec :

Cadre	Emballer
Suivant.js	@vercel/speed-insights/next
Nuxt	@vercel/speed-insights/nuxt
Kit Svelté	@vercel/speed-insights/sveltekit
Remixer	@vercel/speed-insights/remix
Réagir	@vercel/speed-insights/react
Astro	@vercel/speed-insights/astro
Vue	@vercel/speed-insights/vue

Il prend également en charge d'autres frameworks, Vanilla JS et des sites Web statiques.

Démarrage rapide

1. Activez Vercel Speed ​​Insights pour un projet dans le tableau de bord Vercel.

2. Ajoutez le package @vercel/speed-insights à votre projet

3. Injectez Speed ​​​​Insights dans votre application

   • Si vous utilisez Next.js , React , Nuxt ou Vue, vous pouvez utiliser le composant <SpeedInsights /> spécifique au framework pour injecter le script dans votre application.
   • Si vous utilisez Sveltekit , vous pouvez utiliser la fonction injectSpeedInsights() @vercel/speed-insights/sveltekit dans votre fichier +layout.js/ts de niveau supérieur.
   • Pour d'autres frameworks, vous pouvez utiliser la fonction inject pour ajouter le script de suivi à votre application.
   • Si vous souhaitez utiliser Vercel Speed ​​Insights sur un site statique sans npm, suivez les instructions de la documentation.

4. Déployez votre application sur Vercel et voyez les données affluer.

Documentation

Trouvez plus de détails sur ce package dans notre documentation.