Технічне SEO

Core Web Vitals пояснення: LCP, CLS, INP

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

Вони є частиною сигналів ранжування Google — не найважливішим фактором, але погані показники можуть стримувати інакше добре оптимізовану сторінку. Ось саме те, що вимірює кожен показник і як це виправити.

Три Core Web Vitals

🖼️ LCP — Largest Contentful Paint (Найбільший вміст за часом відображення)

Вимірює, скільки часу потрібно для повного відображення найбільшого видимого елемента (зазвичай головного зображення або заголовка). Це відповідь вашого сайту на питання «чи відчувається завантаження швидким?»

📐 CLS — Cumulative Layout Shift (Сукупний зсув макета)

Вимірює візуальну стабільність — наскільки несподівано зміщується вміст під час завантаження сторінки. Чи траплялося вам намагатися натиснути кнопку, а над нею завантажувалась реклама, зсуваючи все вниз? Це і є зсув макета.

⚡ INP — Interaction to Next Paint (Взаємодія до наступного відображення)

Вимірює чутливість — скільки часу потрібно сторінці, щоб візуально відреагувати після того, як користувач натискає, торкається або вводить текст. INP замінив старіший показник First Input Delay (FID) у 2024 році.

Що вважається хорошим показником?

Показник	Добре	Потребує покращення	Погано
LCP	≤ 2,5 с	2,5 с – 4 с	> 4 с
CLS	≤ 0,1	0,1 – 0,25	> 0,25
INP	≤ 200 мс	200 мс – 500 мс	> 500 мс

Як виправити поганий LCP

Стискайте та правильно масштабуйте головні зображення (використовуйте сучасні формати, як-от WebP)
Попередньо завантажуйте критичні ресурси, як-от шрифти та головне зображення
Видаліть CSS і JavaScript, що блокують відображення, з початкового завантаження сторінки
Використовуйте CDN, якщо ваша аудиторія географічно розосереджена
Покращте повільний час відповіді сервера (Time to First Byte)

Як виправити поганий CLS

Завжди вказуйте явні атрибути ширини та висоти для зображень і відео
Резервуйте місце для реклами та вбудованого контенту до їх завантаження
Уникайте динамічного вставлення вмісту вище за наявний контент
Завантажуйте власні шрифти так, щоб уникнути видимих зсувів макета при заміні шрифтів

Як виправити поганий INP

Розбивайте тривалі завдання JavaScript, що блокують основний потік
Зменшуйте зайве виконання JavaScript під час взаємодії
Відкладайте некритичні скрипти до моменту, коли сторінка стане інтерактивною
Уникайте важких сторонніх скриптів, які конкурують за основний потік

Де перевірити свої показники

Використовуйте звіт Core Web Vitals у Google Search Console для отримання реальних даних від фактичних відвідувачів (найнадійніше джерело) або PageSpeed Insights для миттєвого лабораторного тесту будь-якої окремої сторінки.

Поширені запитання

Чи є Core Web Vitals прямим фактором ранжування Google?

Так, вони є частиною сигналів досвіду сторінки Google, хоча релевантність контенту загалом все одно важливіша. Погані Core Web Vitals можуть стримувати інакше сильну сторінку.

Який LCP вважається хорошим?

Менше 2,5 секунди вважається хорошим. Від 2,5 до 4 секунд потребує покращення. Більше 4 секунд — погано.

Як перевірити свої Core Web Vitals?

Використовуйте звіт Core Web Vitals у Google Search Console для даних реальних користувачів або PageSpeed Insights для лабораторного тесту окремої сторінки.

Що замінило First Input Delay (FID)?

Interaction to Next Paint (INP) замінив FID як офіційний показник чутливості Google у 2024 році, вимірюючи повну взаємодію, а не лише початкову затримку введення.

NOXEL SEO автоматично вимірює всі три Core Web Vitals під час кожного сканування.

Перевірте свої Core Web Vitals безкоштовно →