Кейс 04 · devs-code.site

Один дизайн — чотири платформи

Один каталог на 420 моделей, одна вёрстка, чотири різні рушії. Усі чотири стенди живі — відкрийте їх поруч. Числа швидкості нижче знімаються щоночі на нашому сервері, а не вписані руками.

«Своєї» платформи в нас немає: ми робимо на всіх чотирьох і заробляємо однаково. Тому цю таблицю варто читати.

WooCommerce

WooCommerce

виміряно

WordPress + WooCommerce

Повноцінний магазин: кошик, чекаут у два кроки, зони доставки, промокоди, живе сповіщення про замовлення в Telegram.

Відкрити стенд
OpenCart

OpenCart

виміряно

OpenCart 4

Той самий магазин на OpenCart 4: каталог, кошик, чекаут, український інтерфейс.

Відкрити стенд
Headless

Headless

виміряно

Astro + WordPress REST

Статичний фронт на Astro, який тягне той самий каталог через REST API WordPress.

Відкрити стенд
WordPress catalogue

WordPress catalogue

виміряно

WordPress, no shop plugin

Той самий каталог із фільтрами й пошуком, а замість кошика — запит ціни.

Відкрити стенд

Виміряно

Lighthouse, мобільний пресет, три прогони, медіана. Перевимір щоночі. Дата під колонкою — коли зняті саме ці числа.

Таблиця гортається вбік — там усі чотири →

WooCommerceвимір 18 серп. 2026 р.OpenCartвимір 18 серп. 2026 р.Headlessвимір 18 серп. 2026 р.WordPress catalogueвимір 18 серп. 2026 р.
Бал продуктивностіLighthouse performance, 0–100. На мобільному вище 90 — добре.10099100100
LCPКоли домалювалася головна картинка або заголовок. Google хоче менше 2,5 с.1.44 s1.67 s1.20 s1.34 s
CLSНаскільки сторінка стрибає під час завантаження. Google хоче менше 0,1.0.0000.0010.0000.000
Відповідь сервераСкільки сервер думає до першого байта.3 ms93 ms0 ms0 ms
Вага сторінкиУсе, що браузер завантажив заради однієї сторінки.115 KB164 KB93 KB96 KB
ЗапитівСкільки файлів тягне сторінка.15231814
JavaScript на сторінціБайти скриптів — те, що займає телефон уже після того, як картинку намальовано.13 KB5 KB7 KB3 KB

Наша оцінка

Цю частину виміряти не можна, тому вона позначена як оцінка: наші ціни й наш досвід на проєктах такого розміру. Числа тут — про комерційний проєкт, а не про демо-стенд.

Таблиця гортається вбік — там усі чотири →

WooCommerceOpenCartHeadlessWordPress catalogue
Кому підходитьПродажі онлайн з оплатою, складом і доставкою з першого дня.У вас уже є магазин на OpenCart або команда знає цю адмінку.Великі каталоги, де швидкість і пошуковий трафік і є бізнесом.Робота на замовлення, шоуруми, B2B-асортимент — там, де угода відбувається в розмові.
ОбмеженняНайважча з чотирьох. Плагіни треба оновлювати, і кожен плагін — це залежність, яку ви успадковуєте.Екосистема стискається. Щороку менше підтримуваних розширень, а платні швидко старіють.Дві системи замість однієї. Зміна контенту вимагає перезбірки, і в цього конвеєра має бути господар.Немає кошика, чекауту й складу. Друга мова коштує плагіна й приблизно дня роботи.
Термін збірки4–6 тижнів3–5 тижнів5–7 тижнів1–2 тижні
Вартість утримання€40–80 / міс€30–60 / міс€25–50 / міс€15–30 / міс

Як це вимірюється

Порівняння, яке не можна перевірити, — це думка. Ось що відбувається щоночі.

  • Lighthouse — той самий рушій, що всередині PageSpeed Insights, — мобільний пресет: Slow 4G і вповільнення процесора вчетверо.
  • Три прогони на сторінку, публікується медіанний. Не найкращий.
  • Прогрівальний прогін перед ними відкидається: інакше ми порівнювали б холодний кеш одного стенда з гарячим кешем іншого.
  • На кожному стенді ті самі три сторінки: головна, список каталогу, картка товару. Порівнювати головну одного рушія з карткою іншого — найчастіший спосіб підтасувати «порівняння платформ».
  • Та сама мова і той самий товар усюди: англійська вітрина і стілець Menchul. Кирилиця й латиниця тягнуть різні сабсети шрифтів, а картка дивана важча за картку табурета — виміряєш таке і порівняєш контент, а не рушії.
  • Поруч із кожним прогоном записується навантаження сервера. Заміри під навантаженням відкидаються — вони брешуть в обидва боки.
  • Історія зберігається, тому в будь-якого числа, що раптом покращилося, є дата й прогін, за яким воно стоїть.

Не вірте на слово: вставте будь-яку з чотирьох адрес у pagespeed.web.dev і порівняйте. Польових даних там не буде — по демо-стендах ніхто не ходить, — але лабораторні числа мають лягти туди ж, куди їх кладе ця таблиця.

Як обрати

П’ять ситуацій, які ми чуємо від замовників, і що ми зібрали б у кожній.

Продаю 50–500 товарів і приймаю оплату карткою на сайті.

WooCommerce.

Кошик, чекаут, склад, податки, доставка й рахунки вже написані та підтримуються іншими людьми. Написати це самому дорожче, ніж усі ліцензії на плагіни разом узяті.

У мене магазин на OpenCart, і мені радять його викинути.

Залишити — поки він справді не заважає.

Робочий магазин з історією замовлень — це актив. Його можна перемалювати, розігнати й обв’язати інтеграціями. Переїзд виправданий, коли платформа блокує конкретну бізнес-задачу, а не тому, що розробнику приємніший інший рушій.

Каталог великий, і весь бізнес тримається на пошуковому трафіку.

Headless: статичний фронт, CMS позаду.

Сторінки зібрані заздалегідь, тому сервер не думає взагалі. Плата за це — друга рухома частина: при зміні контенту фронт треба перезбирати, і в цього має бути господар.

Робимо на замовлення. Угода відбувається в листуванні або телефоном.

Каталог-візитівка на чистому WordPress.

Кошик, яким ніхто не користується, — це витрата, а не функція. Показати асортимент, прийняти заявку, продати в розмові — і втричі-вп’ятеро дешевше.

Треба вийти в мережу за тиждень і зрозуміти, чи це комусь потрібно.

Спочатку каталог, магазин потім.

Каталог стає фундаментом магазину: той самий дизайн, той самий контент, та сама адмінка. За шар магазину ви платите, коли попит підтвердився, а не заздалегідь.

Не зрозуміли, який рядок про вас?

Напишіть, чим торгуєте і як зазвичай закривається угода. Відповімо платформою та обґрунтуванням — включно з «залишайтеся там, де є», якщо чесна відповідь саме така.

Написати нам