- Core Web Vitals — прямий фактор ранжування Google з 2021 року
- LCP <2.5s, CLS <0.1, INP <200ms — цілі для "хорошого" статусу
- Найчастіша причина поганого LCP — незоптимізовані зображення
- Перевіряйте CWV в Search Console — там реальні дані від користувачів Chrome
- Покращення CWV прямо впливає на конверсію, а не лише на позиції
Що таке Core Web Vitals
Core Web Vitals — це три метрики Google що вимірюють реальний досвід користувача при взаємодії з вашим сайтом. З 2021 року Google включив їх в алгоритм ранжування як офіційний сигнал. Це означає: сайт з поганими CWV може втратити позиції навіть при якісному контенті.
LCP — Largest Contentful Paint
Вимірює час завантаження найбільшого видимого елемента на екрані (зображення, відео або великий текстовий блок). Ціль: менше 2.5 секунди.
Типові причини поганого LCP:
- Зображення у форматі JPEG/PNG без оптимізації — переходьте на WebP
- Відсутність lazy-load — браузер завантажує всі зображення одразу
- Повільний сервер (TTFB >600ms) — розгляньте CDN
- Блокуючий JavaScript — defer/async для некритичних скриптів
CLS — Cumulative Layout Shift
Вимірює нестабільність макету: наскільки елементи "стрибають" під час завантаження. Ціль: менше 0.1.
Найчастіші причини: зображення без вказаних розмірів width/height, динамічний контент (банери, реклама) що вставляється після завантаження сторінки, веб-шрифти без font-display:swap.
INP — Interaction to Next Paint
Вимірює час від взаємодії користувача (клік, дотик) до оновлення інтерфейсу. Ціль: менше 200ms. Замінив FID у березні 2024 як більш точна метрика.
Типові причини: важкі JavaScript бібліотеки що блокують main thread, велика кількість DOM-вузлів (>1500), неоптимізовані обробники подій.
Як перевірити Core Web Vitals
| Інструмент | Тип даних | Доступність |
|---|---|---|
| Google Search Console | Польові (реальні) | Безкоштовно |
| PageSpeed Insights | Польові + лабораторні | Безкоштовно |
| Chrome DevTools (Lighthouse) | Лабораторні | Безкоштовно |
| WebPageTest | Лабораторні + filmstrip | Безкоштовно |
| Ahrefs Site Audit | Лабораторні масово | Платно |
Перевіримо ваш сайт і дамо план виправлення за 48 годин.
Як виправити — план дій
- Зображення — конвертуйте в WebP, додайте width/height, використовуйте lazy-load
- Шрифти — font-display:swap, preload для критичних шрифтів
- JavaScript — defer/async, code splitting, видаліть невикористані бібліотеки
- Сервер — налаштуйте кешування, CDN, стиснення Brotli/gzip
- Перевірте — через 2–4 тижні повторно в Search Console (дані оновлюються повільно)
