Revoluce v zákulisí Blue Style: Jak nová infrastruktura posunula výkon na novou úroveň

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é:

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. Promyšlené investice do robustní a moderní infrastruktury jsou přitom jedním z klíčů k dlouhodobé konkurenceschopnosti a spokojenosti zákazníků v digitálním světě.