Znamená zmena šablóny zlepšenie e-shopu? Magento prichádza s novinkou Hyvä (Mário Babej, WAME)

SLEDUJTE TENTO OBSAH Ako podcast

V rozhovore sa dozviete:

• 02:13 Čo je to vlastne tá Hyvä a kto to priniesol?
• 05:22 Prečo je to také prelomové?
• 07:31 Musí sa Hyvä podriadiť následne aj front-end webu?
• 10:19 Je náročné prechádzať z prechádzajúcej Lumy na Hyvä?
• 11:50 Pomáha to aj nejako inak marketingovým aktivitám?
• 13:58 Prečo sa miesto novej šablóny neoptimalizovala radšej tá stará?
• 17:10 Kedy sa oplatí prejsť na Hyvä v prípade použitia Magenta?
• 19:27 Koľko to stojí?
• 21:50 Má to zmysel aj v dlhodobom horizonte?

Novinky z Youtube kanála Ecommerce Bridge
Prihlásiť sa na odber

Prečo je Hyvä tak zásadná?

Hyvä je jednou z mála šablón pre Magento, ktorá dokáže e-shopom garantovať výrazné zrýchlenie a lepší výkon. Zatiaľ čo pôvodné Magento témy, ako napríklad Luma, sú robustné a obsahujú veľké množstvo zastaraných JavaScriptových knižníc, Hyvä je postavená na moderných technológiách a prináša omnoho efektívnejší rendering.

Z backendu získa HTML už za 100 milisekúnd a vykreslí celý frontend do 500-600 milisekúnd, čím dosahuje výrazné zrýchlenie oproti klasickým Magento šablónam. Toto zlepšenie má priamy vplyv na užívateľskú skúsenosť, SEO a marketingové metriky, ako sú Core Web Vitals alebo PageSpeed Insights.

Licencia Hyvä je jednorazová a vzťahuje sa na jednu doménu alebo značku, pričom jazykové mutácie nie sú problémom. V porovnaní s inými riešeniami je cenovo dostupná a ponúka doživotné aktualizácie.

Hyvä a jej dopad na rýchlosť a UX

Hyvä výrazne zlepšuje rýchlosť načítania stránok, čo vedie k vyššiemu konverznému pomeru a nižšej miere odchodov. Rýchly e-shop znamená lepšiu užívateľskú skúsenosť, čo priamo ovplyvňuje spokojnosť zákazníkov a zvyšuje pravdepodobnosť dokončenia objednávky.

Šablóna je navrhnutá tak, aby bola maximálne efektívna nielen pre server, ale aj pre prehliadač používateľa. Tým, že využíva moderné CSS riešenia a odstraňuje zastarané prvky, ako napríklad jQuery, dokáže načítať stránku s minimálnou záťažou na systém.

Hyvä zároveň umožňuje plnú prispôsobiteľnosť dizajnu. Po jej nasadení e-shop získava jednoduchý, minimalistický vizuál, ktorý je možné rozšíriť podľa individuálnych potrieb. Podporované moduly, ktoré sú kompatibilné s Hyvä, umožňujú jednoducho rozšíriť funkcionalitu bez nutnosti dodatočného kódovania.

Ako Hyvä rieši problémy starších Magento šablón?

Staršie šablóny Magento boli budované na technologických základoch, ktoré dnes už nevyhovujú moderným štandardom. Napríklad Luma, ktorá je dodnes široko používaná, využíva jQuery a ďalšie robustné knižnice, ktoré spomaľujú vykreslenie stránok.

Hyvä bola vyvinutá od základov s dôrazom na výkon a moderné technológie. Využíva Tailwind CSS namiesto ťažkopádnych CSS frameworkov a JavaScript používa len tam, kde je to nevyhnutné. Výsledkom je extrémne odľahčený frontend, ktorý sa načítava rýchlejšie a zároveň zlepšuje skóre v nástrojoch ako Google PageSpeed Insights.

Napriek tomu, že nie je PWA alebo Headless riešením, Hyvä kombinuje výhody oboch týchto prístupov. Zostáva server-side renderovanou šablónou, ale využíva asynchrónne načítavanie obsahu, čo znižuje čas potrebný na zobrazenie stránky.

Headless vs. Hyvä: kedy dáva ktoré riešenie zmysel?

Headless riešenia sú v e-commerce často diskutovanou témou, no nie sú vhodné pre každého. Hoci ponúkajú výhody ako offline režim, push notifikácie či lepšiu integráciu s mobilnými aplikáciami, ich implementácia je technicky a finančne náročná.

Pre väčšinu e-shopov je Headless zbytočne komplikovaným riešením. Vyžaduje si vývoj veľkého množstva API napojení a jeho implementácia môže stáť desiatky tisíc eur. Naopak, Hyvä ponúka výhody moderného frontendu bez toho, aby bolo nutné kompletne prebudovať infraštruktúru e-shopu.

Pre e-shopy, ktoré nemajú potrebu komplexného omnichannel riešenia a chcú sa sústrediť na rýchlosť a používateľský komfort, je Hyvä optimálnou voľbou.

Prechod z Luma na Hyvä a jeho náročnosť

Prechod na Hyvä nie je len otázkou prepnutia šablóny v administrácii. Hoci Magento samotné môže zostať bez zmeny, frontend si vyžaduje výrazné úpravy.

Jednou z výhod je, že veľké množstvo modulov tretích strán je už dnes kompatibilných s Hyvä. To znamená, že pri prechode nie je nutné manuálne prepisovať kód každého rozšírenia, čo šetrí čas a náklady na vývoj. Napriek tomu existujú moduly, ktoré ešte nie sú prispôsobené pre Hyvä, a v takom prípade je potrebné ich frontendovú časť manuálne upraviť.

V porovnaní s klasickými Magento šablónami je vývoj s Hyvä náročnejší a drahší. Cena za implementáciu sa môže pohybovať od 15 000 do 20 000 eur v závislosti od komplexnosti projektu. Avšak v porovnaní s Headless riešeniami, ktorých vývoj môže stáť 50 000 až 60 000 eur, je Hyvä stále cenovo výhodnou alternatívou.

Oplatí sa počkať na zlepšenie ekosystému Hyvä?

Ako sa Hyvä vyvíja, očakáva sa, že kompatibilita s modulmi tretích strán sa bude neustále zlepšovať. To znamená, že o niekoľko rokov môže byť prechod na túto šablónu menej náročný a cenovo dostupnejší.

V súčasnosti je Hyvä už dobre odladená, ale stále si vyžaduje viac vývojových prác než tradičné šablóny. Kto chce byť medzi prvými a získať konkurenčnú výhodu, musí počítať s vyššími nákladmi a časom na ladenie. Na druhej strane, vďaka silnej podpore vývojárov a výrobcov modulov sa dá očakávať, že v budúcnosti sa jej implementácia zjednoduší.

Budúcnosť Hyvä a Magento e-shopov

Hyvä je jednoznačne riešením, ktoré bude v nasledujúcich rokoch dominovať v rámci Magento ekosystému. Sleduje technologické trendy, optimalizuje frontend pre vyhľadávače a zároveň poskytuje dostatočnú flexibilitu pre vývojárov.

Ak sa bude tento vývoj uberať rovnakým smerom, je pravdepodobné, že Hyvä zostane relevantným riešením minimálne do roku 2030. Jej silnou stránkou je aj rastúca komunita, ktorá zabezpečuje dlhodobú podporu a vývoj nových funkcionalít.

V rýchlo sa meniacom svete e-commerce je ťažké predpovedať, aké technológie budú dominovať o päť rokov. No v súčasnosti je Hyvä najlepším kompromisom medzi rýchlosťou, cenou a technologickou vyspelosťou. Pre e-shopy, ktoré chcú expandovať a odlíšiť sa od konkurencie, je to jednoznačne riešenie, ktoré stojí za zváženie.