Ako sme zrýchlili naše e-shopy vďaka Comsultia Edge Side Processing

image-blog-2.jpg

Amazon spočítal, že spomalenie stránky o 1 sekundu ho stojí 10 % obratu, a to už nie je málo peňazí.

Pre e-commerce firmy, ktorým budujeme a spravujeme e-shopy, preto neustále hľadáme cesty, ako zrýchliť načítanie stránok a ich zákazníkom spríjemniť nákupné zážitky.

V roku 2018 sme vyvinuli a otestovali riešenie, ktoré nazývame ESP ‒ Edge Side Processing. Ide o kombináciu techník inteligentného, dlhotrvajúceho „cachovania", predgenerovania obsahu stránky a generovania obsahu bližšie užívateľovi. Vďaka ESP sme schopní užívateľom daného e-shopu zobrazovať vybrané stránky až desaťkrát rýchlejšie. Počas vianočnej prevádzky sme u www.muziker.com znížili priemerný čas zobrazení z 300 ms na 30 ‒ 40 ms.

V praxi generovania obsahu čo najbližšie užívateľovi znamená, že všetkým užívateľom posielame určitú stránku vždy rovnakú a k jej finálnemu vykresleniu dôjde až u užívateľa podľa určitých parametrov. Ide teda o „templating" na strane web browsera. Napríklad pri hlavnej stránke neriešime pri jej generovaní, či je užívateľ na stránke prihlásený alebo nie. Main page totiž vyzerá v oboch prípadoch takmer rovnako a väčšinou sa líši práve informáciami o registrácii alebo prihlásení v pravom hornom rohu. Preto k finálnemu vykresleniu stránky dôjde až na počítači užívateľa podľa informácie, či je alebo nie je prihlásený.


Pri predgenerovaní contentu platí podobný princíp. Ak e-shop zmení v CMS (content management systému) nejaký parameter produktu ‒ napríklad jeho cenu alebo dostupnosť ‒ systém bežne čaká na príchod prvého užívateľa a až potom generuje stránku so zmenami. Pretože je to prvýkrát, zobrazenie trvá dlhšie a až pri ďalších užívateľoch sa zmeny uložia v cache pamäti e-shopu a zobrazujú sa rýchlejšie. V prípade ESP nečakáme a generujeme stránku okamžite po zmene, čím zrýchľujeme zobrazenie pre všetkých užívateľov bez rozdielu.

Je evidentné, že u veľkých e-shopov neustále nastáva veľké množstvo zmien v databáze produktov, podmienkach a pod. Preto je základom práce s ESP identifikácia kľúčových (najnavštevovanejších alebo najprofitabilnejších) stránok, u ktorých predgenerovanie robíme a u ktorých nie. Počas celého procesu používame integrovanú umelú inteligenciu, ktorá využíva informácie o bežnom správaní užívateľa na stránkach.

Z princípu ESP je evidentné, že ide o spôsob náročnejší na programovanie aj výpočtovú kapacitu webu (kapacitu servera). S ESP sa preto spájajú aj vyššie náklady, v prípade infraštruktúry Muzikera asi o 30 %. Ako pri všetkých podobných riešeniach treba implementáciu navrhnúť správne, aby získané benefity prevýšili vynaložené náklady ‒ s ohľadom na vyššie uvedený fakt, že nižšia rýchlosť znamená výrazné finančné straty, totiž existuje správna miera, pri ktorej sa lepší výkon e-shopu pre užívateľa bohato vyplatí.

Vďaka nasadeniu ESP na www.muziker.com vidíme desaťnásobne vyššiu rýchlosť zobrazovania obsahu užívateľom nielen voči predchádzajúcemu výkonu, ale aj v porovnaní s konkurenčnými webmi na Slovensku a v Českej republike. Speed Index Muziker.com sa pohybuje okolo 1,4 s. Podľa štúdie Reshoper z decembra 2018 sa najrýchlejšie načítali e-shopy ako czc, mironet, Alza a Zoot so Speed Indexom zhruba 2 s. Rovnaká štúdia sa zaoberala aj meraním „krabicových" riešení e-shopov. Najrýchlejšie boli e-shopy na platforme Shoptet s mediánom Speed Indexu 2,096 s.

Zaujímavým údajom je aj rýchlosť samotného CMS ‒ po poslednom zrýchlení sme sa dostali z 0,2 na 0,04 s.