speed insights

Статистика скорости Vercel

Анализ производительности вашего сайта

Веб-сайт · Документация · Твиттер

Обзор

@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

Он также поддерживает другие фреймворки, ванильный JS и статические веб-сайты.

Быстрый старт

1. Включите Vercel Speed ​​Insights для проекта на панели управления Vercel.

2. Добавьте пакет @vercel/speed-insights в свой проект.

3. Внедрите Speed ​​Insights в свое приложение

   • Если вы используете Next.js , React , Nuxt или Vue, вы можете использовать компонент <SpeedInsights /> , специфичный для платформы, для внедрения сценария в ваше приложение.
   • Если вы используете Sveltekit , вы можете использовать функцию injectSpeedInsights() @vercel/speed-insights/sveltekit в файле верхнего уровня +layout.js/ts .
   • Для других платформ вы можете использовать функцию inject , чтобы добавить скрипт отслеживания в свое приложение.
   • Если вы хотите использовать Vercel Speed ​​Insights на статическом сайте без npm, следуйте инструкциям в документации.

4. Разверните свое приложение в Vercel и наблюдайте за поступающими данными.

Документация

Более подробную информацию об этом пакете можно найти в нашей документации.