Сплитекс

Сплитекс — корпоративный портал крупного промышленного производителя, прямого правопреемника Sulzer Chemtech в России, за плечами которого больше тысячи проектов. Сайт живёт на Bitrix, а легаси-фронтенд к моему приходу разросся в один монолитный main.js и main.css на 1.2 МБ. Задача была снять этот вес, не сломав живой B2B-сайт. Я разобрал монолит на SCSS-модули, а критичную логику перевёл на TypeScript вместе со всеми edge-кейсами. Сборку полностью перенёс с Vite на Gulp-пайплайн под специфику Bitrix — SVG-спрайты, минификация, медиа вынесены из base64 в настоящие файлы. main.css похудел с 1.2 МБ до 143 КБ, JS — до 153 КБ, основная папка с изображениями в сжатом виде стала ~700 КБ. Поверх этого собрал асинхронный загрузчик: primary-бандл для шапки и главной, дальше — чанки, которые подгружаются лениво по мере появления в DOM. Самым хрупким был слой анимаций. Я полностью вырезал ScrollSmoother и перешёл на Lenis, а потом выловил все конфликты со ScrollTrigger и гонку состояний, которую мог вызывать старый загрузчик. GSAP-параллакс и pin-секции теперь переживают зум и ресайз, а не уползают. Видео в хиро работает на h.264/h.265 с авто-выбором формата через source и ленивой загрузкой, а skeleton-плейсхолдеры держат место, чтобы тяжёлая медиа перестала дёргать вёрстку. Результат — сайт, который можно открыть прямо сейчас: PageSpeed с 69 до 89 на десктопе, payload в разы меньше прежнего, и скролл, который держится под реальной нагрузкой. Большая часть этого сделана внутри чужого легаси без роскоши переписать всё с нуля — а это обычно и есть то место, где начинается настоящая работа.