Перенесли сайт с Tilda на Next.js — LCP упал с 4.2s до 0.8s. Разбор миграции

2 месяца, 1 разработчик, +47% к конверсии в заявку. Внутри: где Tilda упирается в потолок, как считать оправданность переезда, конкретные цифры до/после.

Перенесли сайт с Tilda на Next.js — LCP упал с 4.2s до 0.8s. Разбор миграции

К нам пришёл клиент: интернет-магазин нишевого товара, оборот около 3 млн ₽ в месяц, сайт на Tilda. Жалоба простая: «трафик растёт, а заявок больше не становится, конкуренты обгоняют в Яндексе».

Полгода назад это был нормальный сайт на Tilda. Теперь — узкое место бизнеса. Рассказываем что нашли, что переделали и что в итоге получили.

Симптомы которые видел сам клиент

  • Главная грузится «секунды три-четыре, ощутимо».
  • В Яндекс.Вебмастере — предупреждение о Core Web Vitals на 70% страниц.
  • Новые товарные карточки попадают в индекс через 2-3 недели вместо 1-2 дней.
  • Реклама в Я.Директе работает, но цена заявки растёт от месяца к месяцу.
  • На мобильном иногда «всё дёргается при прокрутке».

Что мы намерили

Прогнали Lighthouse и Я.Метрику. Цифры до миграции (десктоп, главная):

  • LCP: 4.2s (норма — до 2.5s)
  • CLS: 0.21 (норма — до 0.1)
  • TBT: 580ms
  • Размер страницы: 3.8 MB
  • JS-бандл Tilda: ~600 KB после gzip

На мобильном LCP доходил до 6.5s.

Почему Tilda не справлялась

Tilda — отличная штука для лендинга и старта бизнеса. Но у неё есть архитектурный потолок, в который этот клиент уткнулся:

  1. Все страницы используют общий «толстый» рантайм Tilda (~600 KB JS) даже если на странице только текст и фото. Этот JS блокирует рендер.
  2. Картинки отдаются через CDN Tilda без AVIF/WebP fallback для старых версий браузеров — лишний вес.
  3. Нет полноценного SSR: блоки рендерятся скриптами, и поисковики долго ждут пока разберутся.
  4. Структурные данные (Schema.org) ставятся вручную через HTML-блоки — у клиента было настроено через раз.
  5. Каталог из 800+ товаров — на «магазине» Tilda это уже тяжело: фильтры на клиентском JS, пагинация без SSR.

Нет «вины Tilda» — это разумный компромисс под другую задачу. Просто этот сайт перерос платформу.

Решение: Next.js 16 + headless-подход

Ставка была на:

  • SSG где можно (товарные карточки, статьи блога) и ISR для цены/наличия.
  • Тонкий клиентский JS — рендер на сервере, hydration только там где нужен интерактив (фильтры, корзина).
  • Image optimization через next/image + AVIF/WebP.
  • Каталог через серверные компоненты — поиск и фильтр работают на сервере, в клиент летит только готовый HTML.

CMS сделали отдельно — клиент ведёт контент так же как раньше, без касания кода.

Процесс миграции

  1. Аудит + согласование SEO-маппинга URL
  2. Дизайн-ревью (часть страниц переделали с нуля)
  3. Базовый каркас Next.js + дизайн-система
  4. Перенос 800+ товарных карточек в новую CMS
  5. Каталог + фильтры + корзина
  6. Контент-страницы + блог
  7. 301-редиректы со старых URL Tilda + sitemap
  8. QA + Я.Вебмастер/GSC + перенос на свой домен

Итого — 2 неполных месяца с одним разработчиком. Параллельно сайт на Tilda работал, переключение по DNS сделали в одну ночь.

Цифры после миграции

Замеры через 6 недель после переключения:

Перенесли сайт с Tilda на Next.js — LCP упал с 4.2s до 0.8s. Разбор миграции

Бизнес-эффект: при том же бюджете на рекламу клиент получает в 1.5 раза больше заявок. Окупаемость миграции — около 5 месяцев.

Когда миграция НЕ нужна

Не стоит уходить с Tilda если:

  • У вас лендинг или сайт-визитка до 30 страниц. Накладные расходы на свою разработку не окупятся.
  • Трафик меньше 5 000 / мес. SEO-выигрыш в абсолютных числах будет копеечный.
  • Бюджет на доработки меньше 50 тыс ₽ / мес. Свой код требует поддержки. Tilda тут проще.
  • Нет команды редакторов. Удобство админки Tilda — серьёзный аргумент.
  • Сайт не продаёт через органический поиск. Если все лиды из Я.Директа, перформанс важен меньше.

Простой триггер: если вы каждый месяц упираетесь в ограничения конструктора и платите за обходные решения — пора считать миграцию.

Что мы вынесли для себя

  1. Перенос URL — самая страшная часть, не разработка. 301-редиректы и совпадение метаданных решают всё. Один пропущенный редирект = просадка трафика на 2-3 недели.
  2. Заранее писать тесты на ключевые SEO-сигналы — title, h1, structured data. На миграции легко что-то забыть.
  3. Core Web Vitals — не «технический KPI», а бизнес-показатель. Падение LCP с 4 до 1 секунды дало +47% к конверсии без изменений в дизайне.
  4. CMS должна быть удобнее чем Tilda, иначе клиент будет ненавидеть переезд. Мы сделали split-view markdown-редактор с превью — клиент вёл блог сам с первой недели.

Что в итоге

Миграция оправдана не для всех. Но если ваш сайт на Tilda приносит реальные деньги и вы видите что упираетесь в потолок платформы — это инвестиция, которая окупается за полгода и продолжает работать дальше.

Bosphorus Web — делаем сайты на Next.js с прицелом на SEO и Core Web Vitals. Если думаете о миграции с Tilda/Битрикс — напишите, сделаем бесплатный аудит текущего сайта с конкретными цифрами: bosphorus-web.ru/ru

Кейс собирательный, цифры усреднены по нашим проектам и публичным замерам.

#разработка #seo #tilda #nextjs #миграция #веб-студия #корпоративный-сайт