speed insights

Vercel 速度見解

您網站的效能洞察

網站·文檔· Twitter

概述

@vercel/speed-insights自動追蹤您網站的網路生命週期和其他效能指標。

該包不追蹤開發模式下的數據。

它具有一級整合：

框架	包裹
Next.js	@vercel/speed-insights/next
努克斯特	@vercel/speed-insights/nuxt
斯維爾特基特	@vercel/speed-insights/sveltekit
混音	@vercel/speed-insights/remix
反應	@vercel/speed-insights/react
阿斯特羅	@vercel/speed-insights/astro
維埃	@vercel/speed-insights/vue

它還支援其他框架、vanilla JS 和靜態網站。

快速入門

1. 在 Vercel 儀表板中為專案啟用 Vercel Speed Insights。

2. 將@vercel/speed-insights套件加入您的專案中

3. 將速度洞察注入您的應用程式

   • 如果您使用Next.js 、 React 、 Nuxt或Vue ，您可以使用特定於框架的<SpeedInsights />元件將腳本注入到您的應用程式中。
   • 如果您使用Sveltekit ，則可以在頂級+layout.js/ts檔案中使用injectSpeedInsights()函數@vercel/speed-insights/sveltekit 。
   • 對於其他框架，您可以使用inject功能將追蹤腳本新增到您的應用程式中。
   • 如果您想在沒有 npm 的靜態網站上使用 Vercel Speed Insights，請按照文件中的指示進行操作。

4. 將您的應用程式部署到 Vercel 並查看資料流入。

文件

在我們的文件中查找有關此包的更多詳細資訊。