Skip to content
kobiakov.dev
Міграція

Марія Бреславська — Wix → Edge Migration

Повна міграція веб-сайту спеціаліста з маркетингу з Wix на спеціальну безсерверну архітектуру Next.js 15 на Cloudflare Workers. Зменшення мобільного навантаження з 13.2s до 0.8s — ідеальна оцінка Google 100/100.

Хронологія

2026

Роль

Провідний інженер

Вплив на бізнес/рентабельність інвестицій

Mobile LCP 13.2s → 0.8s · 100/100 Lighthouse

Перенесення продуктивності

Від Wix до краю

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

Раніше · Wix
0/100
Hosted page builder
~16× швидше
Після · Край
0/100
Serverless static edge

Largest Contentful Paint · Мобільний · імітований повільний 4G

13.2s0.8s

Раніше · WixОцінка Google · МобільнийПісля · Край
Largest Contentful Paint
−94%
0.0s
0.0s
First Contentful Paint
−73%
0.0s
0.0s
Speed Index
−73%
0.0s
0.0s
Total Blocking Time
−100%
0ms
0ms

Як його подають зараз

git push

Content as typed config

GitHub Actions

Build → static export

Cloudflare Edge

300+ PoPs · no origin

Visitor

First paint < 1s

Лабораторні дані, Lighthouse mobile. «До» = активний сайт Wix; "після" = статична збірка виробництва.

проблема

Оригінальний сайт створено на Wix. Це виглядало чудово, але під капотом було доставлено мегабайти стандартного конструктора JavaScript: на телефоні середнього класу для появи найбільшого вмісту знадобилося 13.2 секунд — це значно перевищує порогове «хороше» значення Core Web Vitals Google. Повільні мобільні сторінки втрачають позиції в результатах пошуку та втрачають відвідувачів ще до того, як сторінка навіть відобразиться, а платформа Wix майже не залишила можливості для вирішення проблеми.

Виклик

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

Рішення

Я перебудував сайт як статичний експорт Next.js 15. Увесь текст і медіа керуються з одного типізованого конфігураційного файла, тому власниця може редагувати їх зрозумілою мовою. Усі матеріали перенесено з Wix і повторно стиснуто. Сайт розгорнуто в мережі Cloudflare через Workers Static Assets: немає вихідного сервера, який потрібно обслуговувати, а сторінки віддаються з 300+ точок присутності по всьому світу. Аналітика працює через GA4 із Consent Mode v2, тому до згоди відвідувача нічого не зберігається.

Технічні особливості

Wix → Next.js 15 міграція: кожна сторінка, зображення та відео повторно розміщені, нульовий вміст втрачено

Статичний експорт обслуговується з Cloudflare edge (Workers) — вихідний сервер відсутній, глобальний CDN за замовчуванням

Mobile Largest Contentful Paint скорочено з 13.2s до 0.8s (~16× швидше) — знову в Core Web Vitals

Ідеальна продуктивність 100/100 Lighthouse як на мобільному, так і на настільному комп’ютері

Content-as-config: весь сайт редагується з одного введеного файлу — нетехнічні оновлення за лічені хвилини

DSGVO-готова аналітика: GA4 через режим згоди v2, зберігання заборонено, доки відвідувач не погодиться

Архітектура системи

Next.js 15 (App Router · static export)

React 19

TypeScript

Tailwind CSS 4

Framer Motion

Cloudflare Workers (Edge / Static Assets)

GitHub Actions CI/CD

GA4 · Consent Mode v2

Основні технології

Next.js 15React 19TypeScriptTailwind CSSCloudflare Workers
Марія Бреславська — Wix → Edge Migration
Share:

Пов'язані проєкти

Aimash / Hermes — керування Google Ads через Telegram

Переглянути проєкт

Haarmonie — Демо-версія перукарні

Переглянути проєкт

Хочете такий сайт для свого бізнесу?

Я створюю веб-сайти для бронювання салонів, ресторанів і місцевих торгівельних центрів, включаючи онлайн-бронювання, від €490. Безкоштовна консультація, відповідь протягом 24 годин.

Безкоштовна консультація