speed insights

Vercel 속도 통찰력

귀하의 웹사이트에 대한 성능 통찰력

웹사이트 · 문서 · 트위터

개요

@vercel/speed-insights 웹 사이트의 웹 바이탈 및 기타 성능 지표를 자동으로 추적합니다.

이 패키지는 개발 모드에서 데이터를 추적하지 않습니다 .

다음과 같은 1급 통합 기능을 갖추고 있습니다.

뼈대	패키지
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

또한 다른 프레임워크, 바닐라 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에 앱을 배포하고 데이터 흐름을 확인하세요.

선적 서류 비치

이 패키지에 대한 자세한 내용은 설명서를 참조하세요.