Core Web Vitals — що насправді важить у 2026
LCP, INP, CLS. Три числа, якими Google вирішує, чи заслуговує ваш сайт на першу сторінку.
Google говорив прямо: користувацький досвід — ранкінговий чинник. А досвід у цьому контексті вимірюється трьома числами — Core Web Vitals. Поза межами — втрачаєш позиції. У межах — здобуваєш.
LCP — Largest Contentful Paint
Вимірює час до моменту, коли намальовано найбільший видимий елемент. Hero-зображення, великий заголовок, основне відео. Межа: 2,5 с. Понад 4 с — це «poor», і Google це знає.
Зазвичай винні: неоптимізовані зображення, шрифти, що блокують рендер, повільний сервер, відсутність кешу.
INP — Interaction to Next Paint
Замінив FID у березні 2024. Вимірює затримку між дією користувача (клік, дотик, натискання) і відгуком екрана. Межа: 200 мс. Понад 500 мс — «poor».
Зазвичай винні: важкий JavaScript, що блокує головний потік, погано написані listeners, фреймворки, що рендерять зайве.
CLS — Cumulative Layout Shift
Вимірює, наскільки макет стрибає під час завантаження. Межа: 0,1. Момент, коли ви збиралися натиснути кнопку, а реклама штовхнула її донизу — це CLS.
Зазвичай винні: зображення без width/height, шрифти, що змінюють розмір під час завантаження, реклама та embeds, додані після load.
Як вимірювати
PageSpeed Insights вимірює в лабораторії (симуляція) і в полі (реальні користувачі через Chrome User Experience Report). Варто дивитись обидва — лабораторія контрольована, поле — це те, що цінує Google.
Інший шлях: Search Console > Core Web Vitals. Покаже конкретні URL з проблемами, згруповані за шаблоном. Найпрямший спосіб дізнатися, з чого починати.
Що зазвичай розв'язує 80% проблем
- Зображення в WebP/AVIF з явними width/height у HTML
- Шрифти з preload і font-display: swap
- JavaScript розбитий на маленькі чанки з lazy loading некритичного
- CDN перед сервером (Cloudflare, Vercel Edge, Cloudfront)
- Server-side rendering або static generation для публічного контенту
- Видалити бібліотеки, якими ніхто не користується, але вони ще в bundle
Ці шість пунктів виправляють більшість сайтів з поганими оцінками. Решта — індивідуально, і саме там починається серйозна оптимізація.