Vercel Analytics: встроенная аналитика для фронтенда

Обзор Vercel Analytics — Web Vitals, посещаемость и производительность сайта в одном дашборде. Как работает, что показывает и кому нужно.

Vercel Analytics — это встроенный инструмент аналитики для сайтов и приложений на платформе Vercel. Два продукта: Analytics (производительность и Web Vitals) и Speed Insights (детальный разбор метрик скорости). Появились как ответ на потребность разработчиков видеть реальные данные о том, как пользователи взаимодействуют с сайтом — без подключения сторонних сервисов.

Сайт: vercel.com/analytics

Что внутри

Web Vitals Analytics — Core Web Vitals (LCP, INP, CLS) по реальным пользователям. Не лабораторные тесты Lighthouse, а данные с браузеров живых посетителей. Срезы по устройствам, странам, версиям браузеров, типам соединения. Можно увидеть, что ваш сайт тормозит на 3G в Индии, но отлично работает на fibre в Германии.

Audience Analytics — посещаемость, уникальные посетители, источники трафика, география. Легче GA4, без воронок и конверсий. Просто ответ на вопрос «сколько человек было на сайте и откуда они пришли».

Speed Insights — детальный разбор производительности конкретной страницы. Показывает, какой элемент вызывает задержку, какой скрипт блочит рендеринг, сколько весят картинки. Практический инструмент для оптимизации, а не просто метрика.

Приватность

Vercel Analytics не использует cookies, не собирает персональные данные и не требует cookie-баннера. Данные анонимизированы. GDPR-совместимость из коробки — важный аргумент для европейских проектов.

Как подключить

Две строки в Next.js-приложении:

import { Analytics } from '@vercel/analytics/react';
// В компоненте: <Analytics />

Или HTML-скрипт для любого сайта — Vercel не требует хостинга на своей платформе. Скрипт весит несколько килобайт и не влияет на производительность (загружается асинхронно).

Тарифы

Web Vitals бесплатны для всех тарифов. Audience Analytics — часть Pro-плана ($20/мес за пользователя). Speed Insights — Pro. Если у вас hobby-проект на Vercel — базовой аналитики хватает глазам. Для коммерческих сайтов Pro-тариф Vercel закрывает и хостинг, и аналитику.

Что хорошо

Интеграция с экосистемой Vercel: деплой, аналитика, домены, мониторинг — всё в одном дашборде. Для Next.js-проектов это естественный выбор.

Влияние на производительность минимальное. Скрипт Vercel Analytics легче Google Analytics в 5–10 раз. Не замедляет загрузку страницы.

Данные обновляются почти в реальном времени. Задеплоили — через минуту видите первые метрики.

Что плохо

Не Vercel-проектам интеграция даёт меньше. Да, HTML-скрипт работает, но глубокая интеграция с фреймворком — только для Next.js. Nuxt, SvelteKit, Remix — обделены.

Аналитика посещаемости поверхностная. Нет воронок, событий, конверсий. Vercel не пытается заменить GA4 — он дополняет его данными о производительности.

Vendor lock-in: данные живут на платформе Vercel, экспорт ограничен. Если уйдёте с Vercel — потеряете историю.

Вердикт

Vercel Analytics — не конкурент Google Analytics, и это хорошо. Для Next.js-проектов на Vercel это must-have: бесплатно, быстро, приватно. Показывает реальную производительность, а не синтетические бенчмарки. Если ваш стек — Next.js + Vercel, включайте не думая.