Core Web Vitals простими словами: що це і чи впливає на позиції

Якщо ви заглядали в Search Console, то бачили розділ Core Web Vitals із зеленими, жовтими й червоними смужками. Розберемо, що там вимірюється, наскільки це важливо й що з цим робити.

Що це взагалі

Core Web Vitals — три показники, якими Google описує досвід людини на сторінці. Не «як швидко завантажився сервер», а саме те, що відчуває користувач: коли з'явився контент, чи стрибала верстка, чи швидко сторінка відповідала на дії.

Ключова деталь, яку часто пропускають: ці дані Google збирає з реальних відвідувачів у браузері Chrome за останні 28 днів. Тому оцінка в PageSpeed Insights і дані в Search Console можуть відрізнятися — перше це лабораторний тест на умовному пристрої, друге ваші справжні користувачі з їхніми телефонами й мобільним інтернетом.

LCP — коли з'явилося головне

Largest Contentful Paint вимірює, за скільки секунд показався найбільший елемент у видимій частині сторінки. Зазвичай це головне зображення, банер або великий заголовок.

Найчастіші причини поганого LCP: важке зображення на першому екрані, повільна відповідь сервера, шрифти або стилі, що блокують показ.

Що допомагає: стиснути головне зображення й віддавати його у WebP, додати йому fetchpriority="high", увімкнути кешування на сервері, прибрати блокувальні скрипти з початку сторінки.

CLS — чи стрибала верстка

Cumulative Layout Shift рахує, наскільки елементи зсувалися під час завантаження. Класична ситуація: ви читаєте текст, догрузилась картинка вгорі — і рядок поїхав. Або ви цілитесь у кнопку, а на її місце стає банер.

Найчастіші причини: у зображень не вказані розміри, тому браузер не знає, скільки місця залишити; банери й попапи, що з'являються поверх контенту; шрифт, який підміняється після завантаження й змінює висоту рядків.

Що допомагає: завжди вказувати width і height у зображень, резервувати місце під рекламні блоки й віджети, підбирати запасний шрифт із близькими пропорціями.

CLS — найдешевший для виправлення показник. Часто достатньо проставити розміри зображень.

INP — як швидко сторінка відповідає

Interaction to Next Paint замінив старий FID у 2024 році. Він вимірює затримку між дією користувача (натиснув кнопку, відкрив меню) і видимою реакцією сторінки.

Найчастіша причина: забагато JavaScript, який зайняв основний потік браузера. Поки скрипт щось рахує, сторінка фізично не може відреагувати на натискання.

Що допомагає: прибрати невикористаний JavaScript, відкласти сторонні скрипти на після взаємодії, розбити важкі обчислення на частини.

Чи справді це впливає на позиції

Так, але не так сильно, як іноді пишуть. Core Web Vitals — один із багатьох факторів ранжування, і він не переважить релевантність контенту. Сторінка з відмінними показниками не обійде глибший і кориснішій матеріал конкурента.

Але за приблизно рівних інших умов швидший сайт стоїть вище. А в комерційній видачі, де в усіх схожі тексти й схожі пропозиції, «за рівних умов» — це майже завжди.

Є й другий, менш очевидний ефект. Google Ads використовує показник якості посадкової сторінки, і швидкість у нього входить. Повільна сторінка означає дорожчий клік за той самий оффер — тобто ви платите за швидкість конкурента зі свого рекламного бюджету.

З чого почати

1. Подивіться Search Console, розділ Core Web Vitals. Саме там реальні дані, а не лабораторний тест.
2. Знайдіть, який показник у червоному і на яких групах сторінок. Часто проблема на одному типі сторінок, наприклад у каталозі.
3. Почніть з CLS — він найдешевший у виправленні.
4. Далі LCP — зазвичай це зображення на першому екрані й відповідь сервера.
5. INP лишіть на потім — він найскладніший і найчастіше впирається в чужі скрипти.

Один нюанс: дані в Search Console оновлюються з затримкою й усереднюються за 28 днів. Тому після виправлень не чекайте зміни наступного дня — реальну картину буде видно за три-чотири тижні.

Коротко

LCP — коли з'явився головний вміст, норма до 2,5 секунди. CLS — наскільки стрибала верстка, норма до 0,1. INP — як швидко сторінка реагує на дії, норма до 200 мілісекунд. Дані беруться з реальних користувачів Chrome, тому вплив на позиції справжній, хоч і не вирішальний.

Хочете подивитись, як із цим у вас, — надішліть адресу сайту. Заміри й розбір причин безкоштовні, а якщо треба буде виправляти, скажемо скільки це коштуватиме.