@vercel/speed-insights

概览

@vercel/speed-insights 会自动跟踪您网站的 Web Vitals 和其他性能指标。

此包在开发模式下不会跟踪数据。

它提供了与以下框架的一流集成：

它还支持其他框架、原生 JS 和静态网站。

快速入门

1. 在 Vercel 控制台中为项目启用 Vercel Speed Insights。
2. 将 @vercel/speed-insights 包添加到您的项目中
3. 将 Speed Insights 注入您的应用
   • 如果您使用 Next.js、React、Nuxt 或 Vue，可以使用框架特定的 <SpeedInsights /> 组件将脚本注入到您的应用中。
   • 如果您使用 Sveltekit，可以在顶层 +layout.js/ts 文件中使用 @vercel/speed-insights/sveltekit 提供的 injectSpeedInsights() 函数。
   • 对于其他框架，您可以使用 inject 函数将跟踪脚本添加到您的应用中。
   • 如果您想在不使用 npm 的静态网站上使用 Vercel Speed Insights，请按照文档中的说明进行操作。
4. 将您的应用部署到 Vercel，即可查看数据流入。

文档

有关此包的更多详细信息，请查看我们的文档。