speed insights

Einblicke in die Geschwindigkeit von Vercel

Einblicke in die Leistung Ihrer Website

Website · Dokumentation · Twitter

Überblick

@vercel/speed-insights verfolgt automatisch Web Vitals und andere Leistungsmetriken für Ihre Website.

Dieses Paket verfolgt keine Daten im Entwicklungsmodus.

Es verfügt über eine erstklassige Integration mit:

Rahmen	Paket
Next.js	@vercel/speed-insights/next
Nuxt	@vercel/speed-insights/nuxt
Sveltekit	@vercel/speed-insights/sveltekit
Remix	@vercel/speed-insights/remix
Reagieren	@vercel/speed-insights/react
Astro	@vercel/speed-insights/astro
Vue	@vercel/speed-insights/vue

Es unterstützt auch andere Frameworks, Vanilla JS und statische Websites.

Schnellstart

1. Aktivieren Sie Vercel Speed ​​Insights für ein Projekt im Vercel Dashboard.

2. Fügen Sie das Paket @vercel/speed-insights zu Ihrem Projekt hinzu

3. Integrieren Sie Speed ​​Insights in Ihre App

   • Wenn Sie Next.js , React , Nuxt oder Vue verwenden, können Sie die Framework-spezifische <SpeedInsights /> Komponente verwenden, um das Skript in Ihre App einzubinden.
   • Wenn Sie Sveltekit verwenden, können Sie die injectSpeedInsights() Funktion @vercel/speed-insights/sveltekit in Ihrer +layout.js/ts Datei der obersten Ebene verwenden.
   • Für andere Frameworks können Sie die inject -Funktion verwenden, um das Tracking-Skript zu Ihrer App hinzuzufügen.
   • Wenn Sie Vercel Speed ​​Insights auf einer statischen Site ohne npm verwenden möchten, befolgen Sie die Anweisungen in der Dokumentation.

4. Stellen Sie Ihre App auf Vercel bereit und beobachten Sie den Datenfluss.

Dokumentation

Weitere Details zu diesem Paket finden Sie in unserer Dokumentation.