Core Web Vitals

Core Web Vitals (основні веб-показники) — це три метрики Google, які оцінюють досвід користувача на сторінці: як швидко зʼявляється основний вміст (LCP), як швидко сторінка реагує на дії (INP) і наскільки стабільна верстка під час завантаження (CLS).

Три показники та пороги

ПоказникЩо вимірюєДобреПогано
LCP — Largest Contentful PaintЧас появи найбільшого елемента першого екрана (фото, заголовок, банер)до 2,5 спонад 4 с
INP — Interaction to Next PaintЗатримка між дією користувача (клік, дотик, натискання клавіші) і реакцією сторінкидо 200 мспонад 500 мс
CLS — Cumulative Layout ShiftНаскільки «стрибають» елементи під час завантаженнядо 0,1понад 0,25

Сторінка вважається доброю, якщо ці значення виконуються щонайменше для 75% відвідувань, окремо на мобільних і компʼютерах. INP замінив попередній показник FID 12 березня 2024 року.

Чи впливає на позиції

Google використовує Core Web Vitals у своїх системах ранжування як частину оцінки досвіду на сторінці. Але відповідність запиту й корисний вміст важать більше: швидка порожня сторінка не обійде корисну повільнішу. Водночас швидкість сильно впливає на поведінку людей і конверсію — тому ці показники є основою SXO.

Як виміряти

  • Польові дані — від справжніх відвідувачів у Chrome (звіт CrUX). Їх показують PageSpeed Insights і звіт «Основні веб-показники» в Search Console. Саме їх враховує Google.
  • Лабораторні дані — вимір в одній змодельованій сесії (Lighthouse, DevTools). Зручні для пошуку причин, але INP у лабораторії напряму не вимірюється — замість нього дивляться на TBT (загальний час блокування).

Як покращити

  • LCP: швидкий сервер, стиснені зображення в сучасних форматах (WebP, AVIF) потрібного розміру, попереднє завантаження головного зображення першого екрана, мінімум стилів і скриптів, що блокують показ.
  • INP: менше важкого JavaScript, розбиття довгих завдань, відмова від зайвих сторонніх скриптів.
  • CLS: розміри (width і height) для зображень і відео, зарезервоване місце для банерів і вбудувань, коректне завантаження шрифтів.

Приклад

На slav.ua у вересні 2026 року ми прибрали прелоадер, що ховав сторінку до повного завантаження, прописали фон першого слайда прямо в розмітці, перевели зображення на WebP кількох розмірів і зарезервували місце під слайдер. У вимірах на компʼютері LCP скоротився з 2,0 до 0,6 с, а CLS — з 0,31 до 0,06.

Повʼязані терміни та матеріали

Джерела

Оновлено 21 вересня 2026 року. Автор — Слав Кривонос.