Зміст · 7
Повільний сайт рідко ламається помітно. Він просто відкривається на секунду-дві довше, ніж хотілося б, і частина покупців іде, не дочекавшись першого екрана. В аналітиці це виглядає як високий відсоток відмов і низька конверсія зі смартфонів, а причину доводиться шукати окремо.
Нижче – як швидкість завантаження сайту пов’язана з продажами, як її виміряти без здогадок, що найчастіше гальмує інтернет-магазин і в якому порядку його пришвидшувати, щоб нічого не зламати.
Чому швидкість впливає на продажі
Швидкість сайту б’є по продажах одразу з трьох боків.
- Покупці. На смартфоні з мобільним інтернетом кожна зайва секунда до першого екрана – привід повернутися до видачі й відкрити конкурента.
- Пошук. 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.
План пришвидшення по кроках
- Аудит. Заміри ключових шаблонів на смартфоні, список проблем з оцінкою впливу та складності.
- Швидкі покращення. Зображення, ліниве завантаження, кеш, стиснення, CDN. Зазвичай це дає помітний ефект без втручання в логіку сайту.
- Скрипти. Прибираємо зайве, відкладаємо завантаження решти, переносимо пікселі в менеджер тегів.
- Код і база. Зайві стилі й скрипти теми, важкі запити, фільтри й пошук каталогом.
- Перевірка й моніторинг. Порівнюємо заміри до і після та стежимо за реальними даними відвідувачів у Search Console.
Технічні прийоми, які підвищують оцінку PageSpeed для окремої сторінки, ми детально розбираємо в статті про оптимізацію PageSpeed. Тут важливіший порядок: спочатку те, що дає ефект на всіх сторінках одразу.
Пришвидшувати чи переробляти
Якщо сайт гальмує через зображення, скрипти й кеш, його вигідно пришвидшувати. Якщо проблема в самій платформі чи в темі, яку роками дописували різні підрядники, пришвидшення перетворюється на нескінченні латки. Тоді чесніше порівняти вартість доопрацювань із переїздом – про це наш розбір, на чому робити інтернет-магазин: OpenCart, WooCommerce, Shopify чи Laravel. А під час переїзду важливо не втратити позиції – допомагає чек-лист перенесення сайту без втрати позицій.
Як не зламати сайт під час пришвидшення
- Працюйте на тестовій копії й викочуйте зміни по одній.
- Після кожного кроку перевіряйте кошик, оформлення замовлення, оплату й форми.
- Порівнюйте не лише оцінку PageSpeed, а й конверсію: пришвидшення заради цифри, яке ламає фільтри чи чат, шкодить продажам.
- Тримайте аналітику й пікселі під контролем: відкладене завантаження не має губити події.
Читайте на тему: 12 місць, де інтернет-магазин втрачає покупців; як перенести сайт без втрати позицій.
Пришвидшимо ваш сайт
Надішліть адресу сайту – перевіримо швидкість ключових сторінок на смартфоні й надішлемо список того, що гальмує, з пріоритетами. Далі можемо взяти прискорення сайту й підтримку на себе, а заразом подивитися, де губиться конверсія, на аудиті CRO. Напишіть нам через форму на сайті, у Telegram, WhatsApp або на e-mail.
Залиште контакт – відповімо протягом робочого дня там, де вам зручно.
