Spliteks

Spliteks is the corporate portal of a major industrial manufacturer — the direct successor to Sulzer Chemtech in Russia, with a thousand-plus projects behind it. It runs on Bitrix, with a legacy frontend that had grown into a single monolithic main.js and a 1.2 MB main.css. My job was to take that weight off without breaking a live B2B site. I pulled the monolith apart into SCSS modules and moved the critical logic to TypeScript, edge cases and all. The build moved fully from Vite to a Gulp pipeline tuned for Bitrix — SVG sprites, minification, media pulled out of base64 into real files. main.css went from 1.2 MB to 143 KB, JS down to 153 KB, and the main image folder compressed to around 700 KB. On top of that I built an async loader: a primary bundle for the header and homepage, then chunks that load lazily as the DOM needs them. The animation layer was the fragile part. I cut ScrollSmoother entirely and moved to Lenis, then hunted down every ScrollTrigger conflict and a race condition the old loader could trigger. The GSAP parallax and pinned sections now survive zoom and resize instead of drifting. Video in the hero runs h.264/h.265 with an auto-format source chain and lazy loading, and skeleton placeholders hold space so heavy media stops shifting the layout. The result is the site you can open right now: PageSpeed up from 69 to 89 on desktop, a payload a fraction of what it was, and scroll behavior that holds together under real use. Most of this happened inside someone else's legacy without the luxury of a rewrite — which is usually where the actual work is.