О проекте
kvv-group.com — это официальное цифровое представительство крупного промышленно-инвестиционного холдинга KVV Group, ключевые направления деятельности которого охватывают заготовку и переработку металлолома, строительство, логистику и международную металлургию. Холдинг работает как в Украине, так и на европейском рынке.
Вместо использования тяжелых стандартных CMS, перегружающих сервер и создающих сотни лишних запросов, проект был реализован как легкий «самописный» сайт на чистом PHP.
Сайт состоит из нескольких лаконичных информационных страниц со стандартными контентными блоками. Главное преимущество такого подхода – абсолютная чистота кода, молниеносная скорость работы из коробки и возможность реализовать нестандартные интерактивные элементы без подключения сторонних плагинов или библиотек.
Задачи, стоящие перед SebWeo:
- Разработка архитектуры на чистом PHP: Создание простого, надежного и быстрого каркаса сайта без привязки к большим системам управления (CMS).
- Интерактивная карта представительств: Реализация кастомной карты Украины с кликабельными городами в разделе «Представительства» для удобной навигации филиалами.
- Кастомная интеграция Google Maps: Настройка и оптимизация карты на странице «Контакты» без замедления общего рендеринга страницы.
- Максимальная оптимизация скорости: Сохранение естественной легкости чистого PHP, выход на рекордные показатели в Google PageSpeed Insights.
Что было сделано:
- Чистая архитектура на PHP. Мы отказались от сторонних движков и развернули сайт на чистом PHP. Страницы собираются из модульных блоков на стороне сервера. Это обеспечило нулевую нагрузку на базу данных и мгновенную генерацию HTML-кода. Сайт весит считанные килобайты и отдается пользователю без задержек (идеальный показатель TTFB — Time to First Byte).
- Интерактивная карта Украины («Представительства»). Главная фишка раздела — кастомная карта Украины. Мы реализовали ее посредством легкого интерактивного SVG-формата. Каждый город является элементом кликабельности:
- При клике пользователь мгновенно получает информацию о конкретном региональном представительстве с возможностью проложить маршрут.
- Поскольку это чистый вектор и минималистичный нативный JavaScript (Vanilla JS, ES6), карта весит минимум, идеально масштабируется на мобильных устройствах и не создает смещения макета (полная стабильность CLS).
- Оптимизация страницы «Контакты» и Google Maps. Обычное подключение Google Maps через стандартный iframe сильно «бьет» по скорости загрузки страницы через кучу сторонних скриптов Google. Мы реализовали ленивую загрузку карты: тяжелые скрипты Google Maps инициализируются и подтягиваются только тогда, когда страница полностью загрузилась или когда пользователь начинает взаимодействовать с блоком контактов.
Интеграция и технологический стек:
- Бекенд: Чистый PHP — быстрая серверная сборка страниц.
- Фронтенд: Адаптивный HTML5/CSS3 (Flexbox/Grid), SVG для графических элементов и интерактивной карты.
- Скрипты: Чистый, легкий Vanilla JavaScript (частичный отказ от jQuery и тяжелых UI-библиотек).
- API: Оптимизированная интеграция Google Maps API.
Результат
Для KVV Group была создана максимально легкая, быстрая и надежная сайт-визитка. Это высокопроизводительный международный вебпортал, идеально выполняющий имиджевую функцию холдинга. Благодаря разработке на чистом PHP и отказе от тяжелых JS-фреймворков сайт получил максимальные 100 баллов в тестах Google PageSpeed Insights. Интерактивная карта Украины и оптимизированная карта Google Maps обеспечили пользователям удобный UX, сохранив техническую безупречность и высокую скорость загрузки на любых устройствах. Что полностью соответствует премиальному статусу крупного бизнеса.
