Швидкість сайту і Core Web Vitals 2026: як секунди впливають на продажі
Користувач вирішує, лишатися на сайті чи ні, за перші 2–3 секунди. Кожна зайва секунда завантаження — це частина відвідувачів, які пішли, не дочекавшись. Швидкість — не «приємний бонус для розробників», а прямий важіль конверсії та позицій у пошуку. Пояснюємо метрики Core Web Vitals людською мовою і даємо чек-лист, що з ними робити.
Чому швидкість — це гроші, а не естетика
Закономірність підтверджена дослідженнями великих майданчиків: що довше вантажиться сторінка, то нижча ймовірність покупки. Перехід часу завантаження з 1 до 3 секунд помітно збільшує відсоток тих, хто закриває вкладку; на мобільному ефект ще різкіший. Логіка проста: повільний сайт втомлює, викликає недовіру («якщо тут усе гальмує, чи дійде моє замовлення?») і штовхає до конкурента, який за один клік поруч.
Додатковий привід — пошук. Google офіційно враховує Core Web Vitals як один із сигналів ранжування. За інших рівних умов швидший сайт стоїть вище. А ще, як ми писали у статті про GEO-оптимізацію, повільні сторінки гірше потрапляють і у відповіді AI-пошуку.
Три метрики Core Web Vitals простими словами
Core Web Vitals — набір показників від Google, що описують реальне відчуття від сторінки. У 2026 їх три:
- LCP (Largest Contentful Paint) — швидкість появи головного. Час, за який стає видно найбільший елемент екрана (зазвичай головне зображення чи заголовок). Добре — до 2,5 секунди. Це відповідь на питання «коли користувач бачить, що сторінка завантажилась».
- INP (Interaction to Next Paint) — швидкість реакції. Наскільки швидко сайт відповідає на дії: натиснули кнопку — за скільки щось сталося. Добре — до 200 мілісекунд. У 2024 INP офіційно замінив стару метрику FID і вимірює відгук точніше.
- CLS (Cumulative Layout Shift) — стабільність верстки. Наскільки елементи «стрибають» під час завантаження. Усі знають це роздратування: цілитесь у кнопку, а туди стрибнув банер. Добре — показник до 0,1.
Перевірити свої значення можна безкоштовно в PageSpeed Insights чи у звіті Core Web Vitals у Google Search Console — там видно реальні дані живих користувачів, а не лише лабораторний тест.
Чек-лист пришвидшення: що дає найбільший ефект
- Зображення. Найчастіша причина повільного LCP. Сучасні формати (WebP/AVIF), правильний розмір під екран, ліниве завантаження того, що нижче згину, і
width/height, щоб не стрибала верстка. - Шрифти. Самостійний хостинг шрифтів замість стороннього,
font-display: swapі прелоад ключового накреслення — текст з'являється одразу, без «миготіння». - Скрипти. Менше важкого JavaScript, відкладене завантаження аналітики й віджетів, видалення того, чим ніхто не користується. Саме перевантажений JS найчастіше псує INP.
- Кешування і стиснення. Gzip/Brotli, кеш статики в браузері, за потреби — CDN. Повторні візити стають миттєвими.
- Хостинг. Повільна відповідь сервера тягне вниз усе інше. Іноді найшвидший спосіб прискорити сайт — це переїзд: про вибір ми писали у статті VPS чи звичайний хостинг.
- Чистий код замість «комбайнів». Сайт на важкому шаблоні конструктора з десятком плагінів майже завжди програє акуратній власній верстці. Тому ми й робимо сайти під ключ зі швидкістю 90+ як стандартом.
Поширена помилка: «прискоримо потім»
Швидкість найдешевше закладати на старті, в архітектуру. Коли сайт уже зібрано на важкому шаблоні з десятком розширень, кожна оптимізація перетворюється на боротьбу з наслідками й коштує дорожче за саму розробку. Якщо ваш сайт уже повільний — це не вирок: здебільшого реально відчутно прискорити його в межах підтримки, без переписування з нуля. Але новий проєкт чесніше одразу будувати швидким.
Висновок
Core Web Vitals — це не примха Google, а спроба виміряти те, що клієнт відчуває й так: швидко, чуйно, без стрибків. Тримайте LCP до 2,5 с, INP до 200 мс, CLS до 0,1 — і отримаєте більше заявок з того самого трафіку. Хочете знати, де ваші вузькі місця? Зробимо безкоштовний аудит швидкості й покажемо, що дасть найбільший приріст.