1. Захламлённая кодовая база и неоптимальные данные

ПРОБЛЕМА
Проект содержал множество технического мусора: неиспользуемые PHP-страницы, дубли компонентов, временные бэкапы скриптов и даже тестовые файлы, оставленные предыдущими разработчиками. Часть из них была проиндексирована поисковыми системами, что вредило SEO. Кроме того, в каталоге товаров накопились дублирующие свойства — одни и те же данные хранились в нескольких полях, что увеличивало объём базы данных и замедляло загрузку карточек.

РЕШЕНИЕ

• Удалили все неиспользуемые и дублирующие файлы, включая устаревшие бэкапы и тестовые страницы.
• Настроили корректную индексацию.
• Исправили технические и структурные ошибки в вёрстке.
• Провели нормализацию данных товаров: объединили дублирующие свойства и перенесли значения в единые поля.

РЕЗУЛЬТАТ
Структура проекта стала проще и понятнее. Объём базы данных значительно сократился, что ускорило генерацию страниц с товарами. Редактирование карточек в админке стало удобнее, а SEO-показатели улучшились за счёт устранения мусорных проиндексированных страниц и улучшения качества вёрстки.

2. Низкая скорость загрузки сайта

ПРОБЛЕМА
Сайт загружался медленно: использовались исходные большие изображения вместо адаптированных под экран, все JavaScript-скрипты подключались сразу, даже если не участвовали в первоначальном отображении страницы. Главная страница содержала низкопроизводительные компоненты, а серверная конфигурация не была оптимизирована под высокую нагрузку.

РЕШЕНИЕ
Провели комплексную оптимизацию производительности:

• Перевели все изображения в современный формат WebP и внедрили автоматический ресайз под нужные размеры.
• Внедрили отложенную (ленивую) загрузку JavaScript-скриптов, не влияющих на первоначальный рендер.
• Оптимизировали скорость работы компонентов на главной странице — как на фронтенде, так и на бэкенде.
• Настроили конфигурацию веб-сервера для более эффективной отдачи контента.

РЕЗУЛЬТАТ
Время загрузки ключевых страниц существенно сократилось. Пользователи стали быстрее видеть контент, а сервер стал справляться с нагрузкой эффективнее.

3. Неэффективная работа с CSS и JavaScript

ПРОБЛЕМА
На страницах подключалось множество мелких CSS- и JS-файлов, включая неиспользуемый код. Это увеличивало количество HTTP-запросов и объём передаваемых данных, замедляя рендеринг.

РЕШЕНИЕ
Мы внедрили современную систему сборки фронтенда с использованием препроцессоров для CSS и JavaScript. В процессе сборки:

• Код сжимается и оптимизируется.
• Для каждого типа страницы (каталог, карточка товара и т.д.) формируется один CSS- и один JS-файл, содержащий только необходимый функционал.

РЕЗУЛЬТАТ
Количество запросов к серверу сократилось, объём передаваемого кода уменьшился, а скорость загрузки страниц выросла. Кроме того, разработка и внесение изменений в верстку стали проще и быстрее.

4. Тяжёлое и неудобное меню

ПРОБЛЕМА
Меню изначально отрисовывалось целиком при загрузке страницы: всё дерево, включая все подменю, генерировалось на сервере и встраивалось в HTML. Это увеличивало объём разметки, раздувало DOM-дерево и замедляло первоначальный рендер. Кроме того, подменю закрывалось даже при небольшом смещении курсора, что затрудняло навигацию.

РЕШЕНИЕ
Мы провели рефакторинг меню:

• Перестроили его архитектуру: теперь оно собирается из нескольких источников, а всплывающие подменю подгружаются лениво — только при наведении.
• Реализовали «умное» поведение: подменю не закрывается, если курсор движется по диагонали в его сторону.

РЕЗУЛЬТАТ
Объём HTML и размер DOM-дерева сократились, что ускорило рендер страницы. Навигация стала удобнее и интуитивно понятнее для пользователей.

5. Медленная и неоптимизированная видео-галерея

ПРОБЛЕМА
В карточках товаров видео встраивалось через iframe сразу при загрузке страницы. Это сильно замедляло отображение контента и могло приводить к искажениям — например, появлению чёрных полей из-за несоответствия пропорций видео и контейнера.

РЕШЕНИЕ
Мы полностью переработали подход к отображению видео:

• Отказались от прямого iframe при загрузке.
• Вместо этого отображаем оптимизированное превью, масштабированное под нужные размеры.
• Само видео загружается только по клику — во всплывающем окне.
• Пропорции видео рассчитываются автоматически, чтобы исключить чёрные поля.

РЕЗУЛЬТАТ
Страницы с товарами стали загружаться значительно быстрее. Видео отображается аккуратно и только тогда, когда пользователь этого хочет.

6. Ручное управление данными и отсутствие современных интеграций

ПРОБЛЕМА
Курсы валют обновлялись вручную, наличие товаров по магазинам не отображалось, а оплата была ограничена старыми способами. Это снижало доверие клиентов и усложняло работу менеджеров.

РЕШЕНИЕ
Мы автоматизировали ключевые процессы и добавили современные интеграции:

• Настроили автоматическую загрузку курсов валют с сайта ЦБ РФ раз в сутки.
• Реализовали отображение наличия товара по магазинам с импортом остатков из 1С.
• Интегрировали эквайринг от Альфа-Банка и ЮKassa.

РЕЗУЛЬТАТ
Цены стали всегда актуальными, клиенты видят реальное наличие, а оплата — удобной и безопасной. Это повысило доверие к магазину и упростило внутренние процессы.

7. Веб-формы страдали от спама, закрыли их через Google reCAPTCHA

Общий итог

Мы не просто «починили» сайт — мы провели его глубокую техническую реанимацию. Из проекта, перегруженного мусором, дублями и неоптимальными решениями, он превратился в быстрый, чистый и удобный в поддержке интернет-магазин.

Сегодня сайт:

• Загружается значительно быстрее.
• Легко поддаётся доработке.
• Безопасен от спама.
• Корректно индексируется поисковиками.
• Предоставляет пользователям более удобный и современный интерфейс чем раньше.