Що таке Core Web Vitals
Core Web Vitals — це три метрики від Google, які вимірюють реальний досвід користувача. На відміну від загального PageSpeed Score (який часто відірваний від реальності), CWV — це конкретні, вимірювані показники, які напряму впливають на те, чи задоволений відвідувач вашим сайтом.
LCP — Largest Contentful Paint
LCP вимірює час від першого запиту до відображення найбільшого елементу на першому екрані. Зазвичай це головне зображення або великий текстовий блок. Хорошим вважається LCP ≤ 2.5 секунди. Якщо більше 4 секунд — це червона зона.
Найчастіша причина поганого LCP — незоптимізовані зображення. Головне зображення на 5 МБ, яке завантажується без WebP-конвертації, без lazy loading для нижнього контенту і без preload — типова ситуація для 70% сайтів, з якими ми стикаємось.
CLS — Cumulative Layout Shift
CLS — стрибки елементів під час завантаження сторінки. Ви читаєте текст, і раптом він зміщується вниз, бо завантажилась реклама або банер. Або ви натискаєте кнопку «Купити», а вона стрибає і ви натискаєте «Скасувати». Це CLS.
Хороший CLS ≤ 0.1. Найчастіші причини: зображення без атрибутів width і height, шрифти без preconnect що викликають FOIT/FOUT ефект, динамічний контент (реклама, банери) що вставляється після завантаження DOM.
INP — Interaction to Next Paint (новий з 2024)
У березні 2024 року Google замінив FID (First Input Delay) на INP (Interaction to Next Paint). INP вимірює затримку між будь-якою дією користувача (клік, скрол, введення тексту) і наступним відображенням змін. Хороший INP ≤ 200 мс.
Вплив на бізнес: реальні цифри
Amazon підрахував, що кожні 100 мс затримки коштують їм 1% продажів. Google виявив, що сторінки, які завантажуються більше 3 секунд, втрачають 53% мобільних відвідувачів ще до завантаження. Для типового українського e-commerce з місячним оборотом 300 000 грн і поганим PageSpeed — це потенційно 50 000-90 000 грн втрачений щомісяця.
Щоденний моніторинг — чому разового аудиту недостатньо
PageSpeed може погіршитись після будь-якого деплою: встановлення нового плагіну, додавання великого зображення, підключення нового аналітичного сервісу. Rank Sentinel відстежує зміни щодня і сповіщає при погіршенні метрик, щоб ви могли відреагувати до того, як Google перерахує позиції.