Pavol Rašev
Prijímam nové projekty
Všetky projekty

Matrace Lema

E-shop slovenského výrobcu ortopedických matracov, ktoré šijú na objednávku aj na mieru, so vzorkovou predajňou pri Prešove. Starám sa oň od roku 2023: prechod na PrestaShop 8, nová téma, moduly, ktoré ho prepájajú so zvyškom firmy, a mobilný PageSpeed zo zhruba 40 na viac ako 90.

Klient
Matrace Lema, Slovensko
Moja rola
Vývoj, integrácie, zrýchlenie webu
Obdobie
2023 – dodnes
Technológie
PrestaShop 8.2, PHP, Smarty, JavaScript, MySQL, vlastné moduly
Matrace Lema: screenshot

Zadanie

Matrace Lema vyrába matrace dvadsať rokov. E-shop predáva približne 165 produktov: matrace v akomkoľvek rozmere, vankúše, paplóny, deky z merina a bylinné produkty. Vzorková predajňa je v Župčanoch. Obchod bežal na PrestaShope 1.7 s kúpenou témou a bez prepojenia na účtovný systém firmy.

Čo som urobil

  • Aktualizoval som PrestaShop 1.7.8 na 8.2.3 vlastnou migráciou databázy, ktorá presne vychádza z oficiálnych upgrade skriptov.
  • Kúpenú tému som nahradil odľahčenou child témou postavenou na štandardnej téme Classic.
  • Napísal som preň vlastné moduly, zatiaľ 38. Najviac práce zastanú tie štyri nižšie.
  • Zrýchľoval som web vo viacerých kolách od roku 2023. Mobilný PageSpeed stúpol zo zhruba 40 na viac ako 90, samotné posledné kolo posunulo Lighthouse zo 79 na 91.
Matrace Lema na mobile: ručne šité ortopedické matrace, vyberte si matrac

Na mobile

Úvodná stránka na mobile.
  • PageSpeed od roku 2023~40 → 90+
  • Lighthouse, posledné kolo79 → 91
  • Čas blokovania (TBT)~500 → pod 120 ms
  • Obrázky854 → 264 kB
  • JavaScript896 → 651 kB
  • Font s ikonami61 → 5 kB

Výkon pred a po

Merané na úvodnej stránke, mobil.

Moduly, ktoré som pre obchod napísal

  • Konfigurátor vlastných rozmerov.Matrac sa predáva na centimetre. Zákazník zadá šírku a dĺžku, cena sa prepočíta podľa plochy a z vlastného rozmeru vznikne skutočná kombinácia produktu. Košík, objednávka aj faktúra s ňou pracujú ako s bežnou veľkosťou.
  • Prepojenie s ERP MKSoft.MKSoft je ERP systém, v ktorom firma vedie produkty a objednávky. Modul z neho importuje katalóg a objednávky posiela späť ako XML cez FTP podľa plánu, s históriou každého prenosu v administrácii. Vlastný rozmer putuje priamo v položke objednávky, takže výroba číta „90x200cm, výška 17“ namiesto „na mieru“.
  • Splátky cez Home Credit.Kalkulačka v detaile produktu, splátky ako platobná metóda v objednávke a správa žiadostí priamo v PrestaShope. Keď je žiadosť zamietnutá, zákazníkovi ostane košík a vráti sa na krok s platbou.
  • AI popisy a SEO texty.Modul pripraví popisy produktov a SEO texty a vytiahne parametre z dodávateľských podkladov pomocou modelov OpenAI a Anthropic. Výsledok sa pred zverejnením upraví v administrácii.

Zvyšok je menší: rozšírené výsledky vo vyhľadávaní, recenzie z Googlu, presmerovania, vernostný program, pripomínanie opustených košíkov a llms.txt, aby si katalóg vedeli prečítať aj AI vyhľadávače.

Problémy, ktoré stoja za zmienku

  • Analytika počká na návštevníka.Tag Manager a pixely, ktoré načítava, sa spustia až pri prvej interakcii, a ak nepríde, po piatich sekundách. Stránka s potvrdením objednávky je výnimka, aby sa konverzie stále započítali.
  • 228 kB jQuery UI kvôli jednému slideru.Platforma načíta celý balík jQuery UI bez ohľadu na to, čo stránka potrebuje. Override ho vynechá všade okrem stránok kategórií, kde ho potrebuje posuvník ceny.
  • Font s ikonami má 1 272 glyfov, používa sa 126.Orezal som ho cez pyftsubset podľa zoznamu glyfov, ktorý som vyčítal z vlastnej substitučnej tabuľky fontu, aby ikony cez ligatúry fungovali ďalej. Zo 61 kB zostalo 5 kB.
  • Zamietnuté splátky.Keď Home Credit zamietol žiadosť, zákazník predtým prišiel o rozpracovanú objednávku. Modul teraz obnoví session košíka a vráti ho na krok platby. Kontroluje pritom vlastníctvo košíka, aby nikto neprevzal cudzí.
  • Rozmery na mieru, ktoré sa dostanú do dielne.Matrac na mieru je produkt s voľne zadanými rozmermi. Synchronizácia s ERP zapíše rozmer do položky objednávky, takže výroba ho vidí bez otvárania e-shopu.