Digitální transformace jednoho z nejrozsáhlejších projektů se odehrává i hluboce pod kapotou. V roce 2024 jsme pro největší českou cestovní kancelář Blue Style uskutečnili transformaci serverové infrastruktury.
Podívejme se, jak tato změna přinesla ovoce v podobě znatelně rychlejší odezvy, robustní stability a připravenosti na budoucí růst.
Rychlejší, silnější, připraveni na budoucnost
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í)!
Pod pokličkou inovace: Od jednoho železa k virtuálnímu orchestru
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.
Konkrétní čísla, která mluví za vše
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é:
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 %.
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ě.
