Core Web Vitals — це набір показників, якими Google вимірює реальні враження від сайту: не суб'єктивне «здається швидким», а конкретні вимірювані цифри. Уже кілька років вони належать до сигналів ранжування і водночас лишаються одним із найчастіше занедбаних елементів SEO.
Три показники Core Web Vitals
- LCP (Largest Contentful Paint) — час, за який найбільший видимий елемент сторінки, наприклад заголовок чи головне зображення, повністю відображається. Добрий результат: менше 2,5 секунди.
- INP (Interaction to Next Paint) — швидкість реакції сторінки на дію користувача: клік чи введення тексту. Добрий результат: менше 200 мілісекунд.
- CLS (Cumulative Layout Shift) — міра того, наскільки макет стрибає під час завантаження. Добрий результат: менше 0,1.
Чому Google винагороджує це в ранжуванні
Google давно заявляє, що прагне показувати сторінки, які не лише доречні за змістом, а й приємні у користуванні. Повільна сторінка, макет якої стрибає під час читання, — це гірший досвід, і Google має дані, які показують, що люди просто йдуть із таких сторінок. Core Web Vitals — спроба виміряти це цифрами, а не здогадами.
Найчастіші помилки, що псують результат
- Нестиснені, завеликі зображення в повній роздільності
- Зайві бібліотеки JavaScript на кожній сторінці, навіть там, де вони не потрібні
- Відсутність відкладеного завантаження для вмісту нижче першого екрана
- Вебшрифти, що блокують показ тексту (немає `font-display: swap`)
- Реклама та сторонні скрипти (чати, піксели відстеження), завантажені синхронно
- Елементи без зарезервованого місця (зображення, банери, кнопки), що «вскакують» після завантаження
Як перевірити результат свого сайту
Найшвидше це зробити безкоштовним інструментом Google PageSpeed Insights — достатньо вставити адресу. Варто перевіряти і мобільну, і десктопну версію, бо результати можуть суттєво відрізнятися. Для порівняння: проєкти, що виходять з наших рук, у середньому отримують 98/100 у Google PageSpeed — не тому, що це виняток, а тому, що швидкодія є частиною роботи від першого рядка коду, а не правкою наприкінці.
Що ми робимо інакше
- Next.js і сучасна архітектура замість важких шаблонних систем
- Оптимізація та стиснення зображень при кожному запуску
- Якнайменше залежностей JavaScript на старті
- Тести Core Web Vitals як стандартний етап перед публікацією, а не опція на замовлення
Якщо ваш сайт має слабкий результат у PageSpeed, ми можемо його проаналізувати й вказати конкретні правки — іноді це кілька годин роботи, а не перебудова з нуля. Напишіть нам через контактну форму.