Налаштування автоматичного моніторингу Core Web Vitals
Core Web Vitals прямо корелюють з конверсією. Кожні 100ms затримки LCP знижують конверсію ~1%, CLS вище 0.25 приводит до випадкових натисків та уходів. Мониторинг потрібен постійний, а не разовий.
Лабораторні дані з Lighthouse показують поточний стан. Полевих дані з CrUX показують реальний досвід користувачів за 28 днів. Обидва важливі.
Налаштуйте CrUX API та Lighthouse мониторинг через Node.js або Python. Зберігайте результати у PostgreSQL. Інтегруйте з CI/CD для провалу деплоя при деградації. Візуалізуйте тренди в Grafana.
Пороги
| Метрика | Хорошо | Потребує покращення | Погано |
|---|---|---|---|
| LCP | ≤ 2.5s | 2.5–4.0s | > 4.0s |
| CLS | ≤ 0.1 | 0.1–0.25 | > 0.25 |
| INP | ≤ 200ms | 200–500ms | > 500ms |
Сроки
Налаштування CrUX + Lighthouse + PostgreSQL + Grafana — 3–4 робочих дні. Інтеграція в CI/CD — 1 додатковий день. Алерти — 0.5–1 день.