Швидкість завантаження сайту й продажі: що гальмує інтернет-магазин і як його пришвидшити

Повільний сайт рідко ламається помітно. Він просто відкривається на секунду-дві довше, ніж хотілося б, і частина покупців іде, не дочекавшись першого екрана. В аналітиці це виглядає як високий відсоток відмов і низька конверсія зі смартфонів, а причину доводиться шукати окремо.

Нижче – як швидкість завантаження сайту пов’язана з продажами, як її виміряти без здогадок, що найчастіше гальмує інтернет-магазин і в якому порядку його пришвидшувати, щоб нічого не зламати.

Чому швидкість впливає на продажі

Швидкість сайту б’є по продажах одразу з трьох боків.

• Покупці. На смартфоні з мобільним інтернетом кожна зайва секунда до першого екрана – привід повернутися до видачі й відкрити конкурента.
• Пошук. Google враховує показники Core Web Vitals як один із сигналів якості сторінки. Швидкий сайт не обжене сильного конкурента лише за рахунок швидкості, але повільний програє за інших рівних.
• Реклама. Зручність посадкової сторінки входить в оцінку якості оголошень у Google Ads. Повільна сторінка робить клік дорожчим, а частина оплаченого трафіку йде до завантаження.

Як виміряти швидкість без здогадок

Відчуття «у мене все швидко» оманливе: ви відкриваєте сайт через хороший Wi-Fi і з прогрітим кешем. Дивіться на дані.

• PageSpeed Insights. Показує дві речі: лабораторний тест і реальні дані відвідувачів Chrome за останні 28 днів, якщо трафіку достатньо. Орієнтуйтеся на реальні дані, а лабораторний тест використовуйте, щоб знайти причини.
• Search Console, звіт Core Web Vitals. Групує сторінки з однаковими проблемами: наприклад, усі картки товару чи всі категорії.
• Аналітика. Порівняйте конверсію й відмови на смартфоні та комп’ютері. Великий розрив часто вказує на швидкість або верстку мобільної версії.

Пороги, які Google вважає хорошими: завантаження головного елемента (LCP) – до 2,5 секунди, відгук на дії (INP) – до 200 мс, зсуви верстки (CLS) – до 0,1. Перевіряйте не лише головну, а найважливіші шаблони: категорію, картку товару, кошик і оформлення замовлення.

Що найчастіше гальмує інтернет-магазин

Важкі зображення

Фото товарів завантажують у вихідному розмірі, а на смартфоні показують учетверо меншими. Рішення: сучасні формати WebP або AVIF, кілька розмірів під різні екрани й ліниве завантаження всього, що нижче першого екрана.

Сторонні скрипти

Онлайн-чат, кілька пікселів, віджет відгуків, карта, A/B-тести – кожен додає запити й навантаження на смартфон. Пройдіться списком: що справді використовується, що можна завантажити після першого екрана або за кліком, що підключити через менеджер тегів один раз.

Тема й конструктор із зайвим кодом

Універсальні теми й візуальні конструктори тягнуть стилі та скрипти для блоків, яких на сторінці немає. Іноді досить вимкнути зайве, іноді вигідніше зібрати легку власну тему під ваш магазин.

Сервер, кеш і база

Якщо сервер довго готує сторінку, оптимізація зображень не допоможе. Перевірте час відповіді сервера, кеш сторінок і об’єктів, повільні запити до бази на фільтрах і пошуку. Для великого каталогу це часто головна причина.

Шрифти й верстка, що стрибає

Кілька сімейств шрифтів з усіма накресленнями, банери без заданої висоти, блоки, що підвантажуються над контентом, – сторінка смикається, і покупець промахується повз кнопку. Це і є поганий показник CLS.

План пришвидшення по кроках

1. Аудит. Заміри ключових шаблонів на смартфоні, список проблем з оцінкою впливу та складності.
2. Швидкі покращення. Зображення, ліниве завантаження, кеш, стиснення, CDN. Зазвичай це дає помітний ефект без втручання в логіку сайту.
3. Скрипти. Прибираємо зайве, відкладаємо завантаження решти, переносимо пікселі в менеджер тегів.
4. Код і база. Зайві стилі й скрипти теми, важкі запити, фільтри й пошук каталогом.
5. Перевірка й моніторинг. Порівнюємо заміри до і після та стежимо за реальними даними відвідувачів у Search Console.

Технічні прийоми, які підвищують оцінку PageSpeed для окремої сторінки, ми детально розбираємо в статті про оптимізацію PageSpeed. Тут важливіший порядок: спочатку те, що дає ефект на всіх сторінках одразу.

Пришвидшувати чи переробляти

Якщо сайт гальмує через зображення, скрипти й кеш, його вигідно пришвидшувати. Якщо проблема в самій платформі чи в темі, яку роками дописували різні підрядники, пришвидшення перетворюється на нескінченні латки. Тоді чесніше порівняти вартість доопрацювань із переїздом – про це наш розбір, на чому робити інтернет-магазин: OpenCart, WooCommerce, Shopify чи Laravel. А під час переїзду важливо не втратити позиції – допомагає чек-лист перенесення сайту без втрати позицій.

Як не зламати сайт під час пришвидшення

• Працюйте на тестовій копії й викочуйте зміни по одній.
• Після кожного кроку перевіряйте кошик, оформлення замовлення, оплату й форми.
• Порівнюйте не лише оцінку PageSpeed, а й конверсію: пришвидшення заради цифри, яке ламає фільтри чи чат, шкодить продажам.
• Тримайте аналітику й пікселі під контролем: відкладене завантаження не має губити події.

Читайте на тему: 12 місць, де інтернет-магазин втрачає покупців; як перенести сайт без втрати позицій.

Пришвидшимо ваш сайт

Надішліть адресу сайту – перевіримо швидкість ключових сторінок на смартфоні й надішлемо список того, що гальмує, з пріоритетами. Далі можемо взяти прискорення сайту й підтримку на себе, а заразом подивитися, де губиться конверсія, на аудиті CRO. Напишіть нам через форму на сайті, у Telegram, WhatsApp або на e-mail.