speed insights

Wawasan Kecepatan Vercel

Wawasan kinerja untuk situs web Anda

Situs web · Dokumentasi · Twitter

Ringkasan

@vercel/speed-insights secara otomatis melacak data vital web dan metrik kinerja lainnya untuk situs web Anda.

Paket ini tidak melacak data dalam mode pengembangan.

Ini memiliki integrasi kelas 1 dengan:

Kerangka	Kemasan
Berikutnya.js	@vercel/speed-insights/next
Selanjutnya	@vercel/speed-insights/nuxt
langsing	@vercel/speed-insights/sveltekit
campuran	@vercel/speed-insights/remix
Bereaksi	@vercel/speed-insights/react
Astro	@vercel/speed-insights/astro
Lihat	@vercel/speed-insights/vue

Ini juga mendukung kerangka kerja lain, vanilla JS dan situs web statis.

Mulai cepat

1. Aktifkan Vercel Speed ​​Insights untuk proyek di Dasbor Vercel.

2. Tambahkan paket @vercel/speed-insights ke proyek Anda

3. Suntikkan Wawasan Kecepatan ke aplikasi Anda

   • Jika Anda menggunakan Next.js , React , Nuxt atau Vue Anda dapat menggunakan komponen <SpeedInsights /> khusus kerangka kerja untuk memasukkan skrip ke dalam aplikasi Anda.
   • Jika Anda menggunakan Sveltekit , Anda dapat menggunakan fungsi injectSpeedInsights() @vercel/speed-insights/sveltekit di file +layout.js/ts tingkat atas.
   • Untuk kerangka kerja lainnya, Anda dapat menggunakan fungsi inject untuk menambahkan skrip pelacakan ke aplikasi Anda.
   • Jika Anda ingin menggunakan Vercel Speed ​​Insights di situs statis tanpa npm, ikuti petunjuk dalam dokumentasi.

4. Terapkan aplikasi Anda ke Vercel dan lihat data mengalir masuk.

Dokumentasi

Temukan detail lebih lanjut tentang paket ini di dokumentasi kami.