Казус · септември 2026

От WordPress сайт с 14 плъгина до витрина, която зарежда за секунда.

Същата кухня, същият WooCommerce, същите плащания през Борика. Нов фронтенд: Next.js с рендиране на сървъра в дизайна Garden, с избор на режим, снимки на всяко ястие, пълно SEO и всички стари връзки запазени.

Headless Next.js върху WooCommerce · плащания през Борика · Docker + Caddy

  • ×5,43,4 sбеше 18,5 sНай-голям елемент, начало, бавен 4G
  • ×5056 msбеше 2,6–3,3 sОтговор на сървъра
  • ×5,7577 KBбеше 3,2 MBДанни при зареждане на началната страница
  • ×4,436беше 158Заявки при зареждане на началната страница

Преди / след

Плъзнете, за да сравните началната страница.

Компютър, 1440 px. Вляво: работещият WordPress сайт с клипарт банера. Вдясно: новият сайт с храната над сгъвката, картата „Днес готвим“ и малките гурмета.

Старата начална страница на Tasty Lab
Новата начална страница на Tasty Lab
Стар Нов

Страница по страница

Меню, режим и продуктови страници.

Превключвайте между компютър и телефон. Телефонните рамки се превъртат: това са снимки на цели страници от Lighthouse при 412 px.

Преглед на менюто

Стар: картите на категориите са PNG изображения с вграден текст. Нов: истински карти с възраст, хранения и цена и избор с три въпроса най-отгоре.

СтарСтара версия: преглед на менюто
НовНова версия: преглед на менюто

Страница на режим

Стар: четвъртък от миналата седмица до понеделник от следващата в един плосък списък. Нов: избор на седмица, пет карти на дните с редуващи се снимки на ястията, скрити изминали дни и показан краен срок за поръчка.

СтарСтара версия: страница на режим
НовНова версия: страница на режим

Продуктова страница

Стар: кодиран адрес на кирилица, който се сменя всяка седмица, и една снимка-колаж. Нов: постоянен числов адрес, списък с ястия, съставки и алергени, краен срок за поръчка и карта за споделяне, изрязана към основното ястие.

СтарСтара версия: продуктова страница
НовНова версия: продуктова страница

Избор на дизайн

Три допълнителни дизайна освен оригиналния.

Оригиналният дизайн Garden остава основен. Тъй като новият сайт държи съдържанието и визията отделно, същите менюта, цени, ястие на деня и поръчка могат да бъдат и в друг дизайн. Тези три са допълнителни варианти, които собственикът може да избере – всеки изграден и работещ на тестов сървър, не макет.

Glass: първи екран
Първи екран при 1440 × 900.
Glass: цялата начална страница
Цялата начална страница. Превъртете в рамката.
Идея
Прозрачни стъклени панели в стил Apple, носещи се над студийни натюрморти от реалното меню. Страницата е бяла и светлосива; цветът идва от храната и няколко пастелни детайла.
Какво се откроява
  • Променя целия сайт, не само началната страница: менюта, режим, продукт, количка, въпроси и контакти следват стила.
  • Паралакс с дълбочина: докато превъртате, стъклото се движи нагоре, а снимката надолу, така че ястията минават под панелите.
  • Всяка сцена е една генерирана снимка на ястия от истинското меню, затова светлината и сенките съвпадат.

Скорост

Най-голям елемент (LCP), телефон, симулиран бавен 4G.

Lighthouse 13, 24 септември 2026. Старият сайт е измерен на живо през интернет, а новият – като продукционна версия, затова времето на сървъра е изключено (тестовият сървър отговаря за 56 до 215 ms).

  • 388 → 149 KBHTML на началната страница. Вграденият CSS и JSON на Elementor ги няма; компресиран е 21 KB.
  • 60 → 10Script тагове. jQuery, Elementor, три пакета с добавки и пет маркетингови тага са заменени от един пакет на рамката.
  • 42 → 1Стилови файлове. Дизайн токени в един файл, собствено хостван шрифт, изображения в AVIF/WebP в реалния им размер.

Изживяване

Какво получава родителят, което преди нямаше.

  • Избор с три въпроса

    Възраст, после колко пълноценни хранения на ден, после консистенция, супа, вегетарианско, сол или десерт. Изборът води до един от 13-те режима. Правилото за броя хранения идва от собствения опит на основателя като клиент.

  • Седмица, която се чете лесно

    Пет карти на дните с цветни балончета, седмичният и месечният абонамент до тях, скрити изминали дни и крайният срок за поръчка 13:00 на всяка карта.

  • Снимки на ястия, а не колажи

    Всяко ястие е изрязано от колажа на кухнята. Ръбовете на кутиите са измерени за всяка снимка, така че изрязването остава точно при промяна на оформлението.

  • Единен стил на илюстрациите

    32 стикера с персонажи и 20 снимки на храна, генерирани от промптове в хранилището, в един стил: тъмнозелена линия, кремав лен.

  • Всички стари връзки работят

    13 категории, 201 продукта, 13 публикации в блога и всички правни страници се пренасочват или показват на новия домейн, включително адресите на кирилица.

  • В кухнята нищо не се променя

    Продуктите, цените, поръчките и блогът се редактират в WooCommerce както досега. Сайтът се обновява до пет минути.

Търсене и споделяне

Какво четат сега търсачките и социалните мрежи.

СигналСтар сайтНов сайт
Canonical адресСамо на началнатаНа всяка страница
Изображение за споделянеЕдин шаблон 851×315 за целия сайтГенерирана карта 1200×630 за всяка страница: снимка на режима, основното ястие, изображение от блога
Структурирани данни1 блок за организацията12 типа: Organization, FoodEstablishment, WebSite, OfferCatalog, ItemList, Product, Blog, BlogPosting, FAQPage, AboutPage, ContactPage, breadcrumbs
Заглавия и alt текстБез h1 на началната; текст, вграден в PNGЕдно h1 на страница, истински текст, alt текст на режими, блог и банери
Sitemap и емисииПродуктовият sitemap се сменя всяка седмицаСтатични страници, режими с изображения, публикации с lastmod, правни страници; RSS емисия; web manifest и икони
Чистота на индексаИзтекли продукти се индексиратКоличка, плащане, 404 и изтекли продукти са noindex
Маркетингови тагове5 се зареждат преди съгласиеНяма; готова връзка за зареждане след съгласие
Lighthouse SEO / достъпност92–100 / 93–94100 / 96–97

Обобщение

Старо срещу ново по всеки показател.

ПоказателСтарНовРезултат
Скорост на телефонLighthouse 56–61Lighthouse 87–91Решено
Отговор на сървъра2,6–3,3 s PHP без кеш56–215 ms от кешРешено
Тегло на страниците3,2–4,1 MB, 132–158 заявки450–699 KB, 35–44 заявкиРешено
Намиране на правилния режимАбзац във въпросите, плосък списък с 286 продуктаИзбор с въпроси, режими по седмициРешено
Снимки на ястиятаЕдин колаж на денОтделно ястие, галерия в пълен размерРешено
Марка и илюстрацииЕмоджи икони, ресурси от CanvaДизайн Garden, 32 стикера, оригинално лого с бурканчеРешено
SEO и структурирани данниСамо заглавияПълно покритие, 12 schema типаРешено
Стари адреси—Всеки стар адрес работиРешено
ПоръчкаWooCommerce форма + плъгин за изтичанеПоръчка на една страница, пренасочване към БорикаОстава една реална проверка на плащане
ХостингСподелен LiteSpeedDocker + Caddy на VPS, пускане с една командаПредстои смяна на домейна

Как са измерени числата

Lighthouse 13 с мобилни настройки и симулиран бавен 4G на 24 септември 2026. Стари страници: работещият сайт. Нови страници: продукционната версия на локален сървър, затова времето на сървъра е изключено; времето до първия байт на тестовия сървър е измерено отделно в Chrome (56 ms начало, 215 ms страница на режим). Размерите на страниците и броят тагове са от суровия HTML. Снимки: headless Chrome при 1440×900 и снимки на цели страници от Lighthouse при 412 px.

Пишете ни

Искате същото за вашия сайт?

Изпратете ни адреса на сайта си. До един работен ден ще отговорим с първи поглед върху скоростта и SEO и фиксирана цена за редизайна – от 3000 до 5000 €, с нов сайт, готов за 3–5 дни.

Без ангажимент и без натиск за продажба. Говорите с ръководител на проекти, не с търговец.