Pro manažery a decision-makery jsou klíčové hmatatelné výsledky. Nová infrastruktura pro Blue Style není jen technickou finesou, ale přímou investicí do spokojenosti zákazníků a efektivity provozu.

• Výrazné zrychlení pro uživatele: Web www.blue-style.cz se nyní načítá v průměru 1.5 až 2x rychleji. Uživatelé s výkonným zařízením a rychlým internetem mohou pocítit i více než trojnásobné zrychlení na desktopu a téměř trojnásobné na mobilu! Toto zrychlení a okamžitá dostupnost aktuálních dat navíc znamenají, že klienti s mnohem menší pravděpodobností v průběhu objednávky narazí na již vyprodaný pokoj či místo v letadle, které mohl někdo rezervovat jen o chvilku dříve.

• Méně dat, vyšší rychlost: Díky moderním kompresním technologiím jako Brotli a optimalizované vícevrstvé architektuře přenášíme u textových souborů (HTML, JS, CSS) v průměru o 27 % méně dat. To nejen šetří data uživatelům, ale také zrychluje načítání, což je citelné zejména na mobilních zařízeních. Část obsahu můžeme navíc ukládat již předkomprimovanou, čímž šetříme výkon procesorů serverů i při vysoké návštěvnosti.

• Připraveni na další růst: Nová architektura je dimenzována na dalších 5 let růstu Blue Style, ať už jde o návštěvnost nebo objem nabízených zájezdů. Tam, kde původní infrastruktura již narážela na své limity, nová zvládne i 3-4 násobný nárůst provozu.

• Robustnost a bezpečnost: Řešení je nejen výkonnější, ale také bezpečnější, udržitelnější, škálovatelnější a odolnější proti útokům i lidským chybám.

• Backend s novou energií: Tento velký projekt byl pro nás zároveň příležitostí provést refaktoring některých klíčových částí backendových systémů, které jsme vnímali jako technický dluh. Nově jsme také mohli využít moderní funkce a API platformy Dynamax, které před lety nebyly k dispozici. Výsledkem jsou optimalizace na úrovni databáze a backendových procesů, které vedly k dramatickému zrychlení API odezvy a importních procesů. Například kompletní synchronizace cen se zkrátila z více než 10 minut na méně než 1 minutu (více než 10x zrychlení), a průběžná aktualizace cen dokonce z více než 5 minut na méně než 1 vteřinu (více než 300x zrychlení)!

Původní řešení na jednom fyzickém serveru sice sloužilo dobře, ale s rostoucími nároky Blue Style začalo narážet na své limity. Správa mnoha projektů a technologií na "jedné hromadě" byla komplikovaná a zátěž neprodukčních prostředí mohla ovlivňovat produkční provoz.

Přechod na virtualizaci Proxmox VE na zcela novém, výkonnějším fyzickém serveru (s původním serverem využitým pro neprodukční prostředí a jako záloha) nám otevřel dveře k flexibilnější a robustnější architektuře. Rozdělení celého řešení do 17 virtuálních serverů nebylo samoúčelné. Každý virtuální server má svou specifickou roli (např. WebServer, Frontend (FE), Backend (BE), Databáze (DB)), což přináší řadu výhod:

• Izolace prostředí: Produkční (PROD), sekundární produkční (PROD2) a vývojové (PREVIEW) prostředí jsou striktně oddělena, každé na vlastních virtuálních serverech. Jakýkoli problém či zátěž v jednom prostředí tak neohrozí ostatní.

• Optimalizace zdrojů a výkonu: Díky dedikovaným rolím můžeme zdroje (CPU, RAM) přidělovat efektivněji a ladit každý server pro jeho specifický úkol. Například kritické databázové operace nyní běží na serverech s nejnovějšími a nejvýkonnějšími procesory a ultrarychlými NVME disky.

• Škálovatelnost na míru: Potřebuje frontend více výkonu během sezónní špičky? Nebo backend pro náročné importy? Virtuální architektura umožňuje snazší škálování zdrojů nahoru i do stran (přidáním dalších virtuálních serverů).

• Vysoká dostupnost (High Availability - HA): Pro kritické produkční systémy Blue Style jsme implementovali řešení s vysokou dostupností. To zahrnuje real-time replikaci databáze a synchronizaci dat na záložní (SLAVE) servery umístěné na druhém fyzickém stroji. V případě výpadku primárního systému dokáže automatický DNS failover přesměrovat provoz na záložní infrastrukturu během několika minut.

• Zvýšená bezpečnost a odolnost: Oddělení rolí a vrstvená architektura (např. WebServer jako první linie obrany) společně s implementací Web Application Firewall (WAF) pravidel a rate limitingem zvyšují odolnost proti DDoS útokům a jiným hrozbám. Vícevrstvá architektura nám také umožnila implementovat sofistikovanou proxy cache, která dokáže odbavit většinu provozu i během masivního útoku a zároveň zvyšuje celkovou stabilitu systému.

• Efektivní správa a údržba: Správa jednotlivých virtuálních serverů je přehlednější a umožňuje bezpečnější aktualizace a experimenty na neprodukčních prostředích bez dopadu na živý provoz. Využíváme Ansible pro automatizovanou správu a konfiguraci.

Přínosy nové infrastruktury nejsou jen teoretické. Pečlivě měříme klíčové ukazatele výkonu a výsledky jsou více než přesvědčivé:

Frontend: Stránky, které reagují okamžitě

• Core Web Vitals (měřeno v ideálních podmínkách v kanceláři SiteOne):

  • Desktop Time To First Byte (TTFB): Z původních 201 ms na pouhých 5 ms (-98 %) – HTML kód je generován prakticky ihned!

  • Desktop Largest Contentful Paint (LCP): Z 403 ms na 174 ms (-57 %).

  • Mobilní TTFB: Z 186 ms na 6 ms (-97 %).

  • Mobilní LCP: Z 327 ms na 173 ms (-47 %).

• Lighthouse (simulace pomalého zařízení a internetu):

  • Desktop Speed Index: Zlepšení z 3.1s na 2.2s (-29 %).

  • Mobilní Speed Index: Výrazné zlepšení z 23.9s na 13.4s (-44 %).

• Datové přenosy (HTML, CSS, JS): Díky přechodu na efektivnější kompresi Brotli a využití statické komprese jsme dosáhli průměrné úspory 27-28 % přenášených dat. Například objem JavaScriptových souborů klesl o 29 %.

Backend: Silný motor pod kapotou

Zásadní práce proběhla i na backendu a databázích:

• GraphQL služby (rozhraní pro načítání dat frontendem): Jsou nyní 2-10x rychlejší a stabilnější, s výrazně nižšími odchylkami v časech odezvy. To má přímý pozitivní dopad na rychlost načítání stránek pro uživatele.

• Synchronizační a importní procesy: Jak již bylo zmíněno, díky kombinaci výkonnějšího hardwaru, nejnovějších verzí technologií (např. MariaDB 11.4), a zejména rozsáhlému refaktoringu kódu s využitím nových možností platformy Dynamax, jsme dosáhli řádového zrychlení:

  • Kompletní synchronizace cen: Zrychlení více než 10x (z >10 minut na <1 minutu).

  • Průběžná aktualizace cen: Zrychlení více než 300x (z >5 minut na <1 vteřinu).

  • Kompletní import agregovaných zájezdů: Zrychlení více než 5x (z >10 minut na 2 minuty).

  • Průběžná aktualizace agregovaných zájezdů: Zrychlení více než 180x (z >6 minut na 2 vteřiny).

Těchto výsledků bylo dosaženo oddělením výpočetně náročných operací (jako jsou například systémy pro řízení zátěže u citlivých operací) na dedikované databázové servery, aby nezatěžovaly primární B2C databázi, a celkovou modernizací přístupu k datům a procesům.

V SiteOne věříme, že technologie mají sloužit byznysu. Inovace infrastruktury pro Blue Style není jen technickým cvičením, ale důkazem našeho závazku poskytovat řešení, která našim klientům pomáhají růst a uspět. Jsme přesvědčeni, že promyšlené investice do robustní a moderní infrastruktury jsou klíčem k dlouhodobé konkurenceschopnosti a spokojenosti zákazníků v digitálním světě.