Як швидкість сайту впливає на дохід: цифри, Core Web Vitals і план прискорення

Коротка відповідь: швидкість — найнедооціненіший інструмент продажів. Коли ми для магазину косметики прискорили завантаження карток товару з 4,2 до 1,1 секунди, конверсія виросла на 34% без жодної зміни в дизайні, цінах чи асортименті. Нижче — чому це працює, які метрики реально важливі у 2026, що саме гальмує сайт і план прискорення на 1–2 тижні.

Чому повільний сайт втрачає гроші

Швидкість впливає на дохід за трьома каналами одночасно:

• Конверсія. 53% мобільних користувачів закривають сторінку, яка вантажиться довше 3 секунд. Хто не дочекався — той не купив.
• Позиції в пошуку. Google використовує Core Web Vitals як фактор ранжування, а повільні сторінки гірше індексуються. Тобто ви втрачаєте і платоспроможного клієнта, і безкоштовний органічний трафік.
• Сприйняття бренду. «Почекав — засумнівався» — це бʼє по повторних продажах і довірі сильніше, за застарілий дизайн.

Які метрики важливі у 2026: LCP, INP, CLS

PageSpeed Insights показує десятки чисел, але на дохід впливають три Core Web Vitals. Орієнтири для «зеленої зони»:

Метрика	Що вимірює	Добре	Проблема
LCP	час появи головного елемента (банер, фото товару)	≤ 2,5 с	> 4,0 с
INP	відгук на натискання/скрол (замінив FID у 2024)	≤ 200 мс	> 500 мс
CLS	наскільки «стрибає» верстка під час завантаження	≤ 0,1	> 0,25

Що саме сповільнює сайт

1. Неоптимізовані зображення. Фото товарів у початковій роздільності — ворог №1. Рішення: WebP/AVIF, явні width/height (прибирає CLS), lazy-load нижче першого екрана, fetchpriority="high" для головного зображення. Часто це −60% ваги сторінки.
2. Важкі скрипти трекерів. Десяток маркетингових пікселів додає 2+ секунди. Рішення: серверний GTM, відкладене завантаження за подією, ревізія «чи потрібен цей піксель взагалі».
3. Зайвий JavaScript. Гідратація всієї сторінки заради двох кнопок. Рішення: статична генерація на Astro, часткова гідратація — інтерактив лише там, де він потрібен.
4. Повільні запити до бази і слабкий хостинг. Каталог без кешу, немає CDN. Рішення: кеш сторінки та API, edge-роздача, індекси в БД.
5. Редиректи й зайві запити. Кожен ланцюжок 301 і кожен сторонній шрифт додають round-trip. Рішення: один canonical-домен, self-host шрифтів, preload критичних ресурсів.

Як виміряти проблему за 10 хвилин

План прискорення на 1–2 тижні

Пріоритет	Дія	Ефект	Строк
1	Зображення → WebP/AVIF + lazy + розміри	−40…60% ваги, LCP↓	1–3 дні
2	Відкласти сторонні скрипти/пікселі	INP↓, LCP↓	1–2 дні
3	Увімкнути кешування + CDN	TTFB↓, повторні візити блискавичні	1 день
4	Прибрати блокуючий CSS/JS, preload шрифтів	LCP↓, CLS↓	2–4 дні
5	Статична генерація / часткова гідратація	JS↓, INP↓	3–7 днів

Кейс: ×3 швидкість і +180% конверсії

У проєкті Solomia Beauty ми перебрали магазин на Astro + Sanity: розумні фільтри й пошук за 200 мс, checkout у 2 кроки, синхронізація залишків. Завантаження виросли в 3 рази, а конверсія — на 180% за 4 місяці. Швидкість була не «приємним бонусом», а точкою опори.

Підсумок

Швидкість — це не про «красиво вантажиться», а про гроші: секунди конвертуються у відсотки конверсії, а відсотки — у дохід. Почніть з безкоштовного аудиту трьох ключових сторінок і виправте зображення, скрипти та кешування — часто цього вистачає, щоб повернути 10–30% упущеного прибутку.

Замовити безкоштовний аудит швидкості → — за тиждень отримаєте звіт з пріоритезованим планом і прогнозом впливу на конверсію. Читайте також: чому сайт не продає та SEO для нового сайту.