Výzva
Pôvodná implementácia bola postavená na Elementore s vysokou záťažou DOM, nadmerným množstvom pluginov a neefektívnym renderovaním. Výsledkom boli slabé Core Web Vitals, nízka odozva a znížená konverzia.
Cieľom bolo vytvoriť high-performance webovú platformu, ktorá:
- optimalizuje kritickú renderovaciu cestu
- zjednoduší správu školení a registrácií
- zvýši konverzný pomer používateľov
Riešenie
- Custom PHP téma — odstránenie page builder vrstvy, čistý template systém.
- HTML5 & semantika — správna štruktúra pre SEO a accessibility (ARIA, landmarky).
- Tailwind CSS — utility-first architektúra, purge optimalizácia, minimálny CSS payload.
- Vanilla JavaScript (ES6+) — bez jQuery, modulárne komponenty, lazy execution.
- ACF cez kód — dátový model pre školenia, termíny, registrácie a CTA bloky.
- Form handling — validácia (frontend + backend), antispam mechanizmy, bezpečné spracovanie dát.
Architektúra & výkon
Web bol navrhnutý s dôrazom na performance-first prístup:
- Minimalizovaný DOM (−60 % oproti pôvodnému riešeniu)
- Eliminácia render-blocking zdrojov
- Code-splitting a defer loading JS
- Optimalizované obrázky (WebP, lazyload)
- Kritické CSS inline
Výsledky & metriky
- ⚡ PageSpeed Insights: 95–100 (desktop), 85–95 (mobile)
- 🚀 LCP: ~1.2 s (zlepšenie z ~4.5 s)
- 📉 CLS: 0.01 (takmer nulový layout shift)
- ⚙️ INP: < 100 ms
- 📦 JS payload: −70 %
- 🎯 Konverzie: +35 % nárast registrácií na školenia
Biznis dopad
Transformácia mala priamy dopad na biznis:
- Vyššia dôvera používateľov vďaka rýchlosti a stabilite
- Zjednodušený funnel pre registrácie
- Nižšie prevádzkové náklady (menej pluginov, menej maintenance)
Záver
Projekt Elmont Plus demonštruje prechod od „builder-based“ riešenia k enterprise-grade webovej architektúre. Výsledkom je rýchly, bezpečný a škálovateľný systém pripravený na ďalší rast.
Pozrite si výsledok: 👉 www.elmontplus.sk
