Технологии BonaModa
Мы верим, что свадебный портал должен быть таким же лёгким и быстрым, как утренний бриз в день свадьбы. Вот как мы этого добиваемся.
Философия: скорость прежде всего
Когда невеста ищет идеи для букета в переполненном метро или жених сверяется с чек-листом между рабочими звонками, каждая секунда на счету. Поэтому BonaModa построен по принципу «ноль лишнего JavaScript» — страницы загружаются мгновенно, потому что по умолчанию являются чистым статическим HTML.
Мы не используем тяжёлые клиентские фреймворки для отображения контента. Интерактивные элементы подключаются точечно и только там, где они действительно нужны. Результат — портал, который работает быстро даже на старых устройствах и медленном мобильном интернете.
Astro — генератор статических сайтов
В основе BonaModa лежит Astro — современный генератор статических сайтов, который разработан специально для контент-ориентированных проектов. Astro отличается от классических фреймворков принципиальным подходом:
- Статический HTML по умолчанию. Каждая страница генерируется во время сборки и отдаётся пользователю как готовый HTML-файл. Никаких задержек на рендеринг на стороне клиента.
- Архитектура островов (Islands). Интерактивные компоненты загружаются изолированно и только когда они попадают в область видимости. Остальная часть страницы остаётся статичной.
- Нулевой JavaScript по умолчанию. Если на странице нет интерактивных элементов, браузер не загружает ни единого килобайта JS. Это даёт отличные показатели Core Web Vitals.
Tailwind CSS — стилизация без компромиссов
Для стилизации мы используем Tailwind CSS — утилитарный CSS-фреймворк, который позволяет создавать красивые интерфейсы без написания пользовательского CSS. Что это даёт:
- Минимальный размер CSS. В финальную сборку попадают только те стили, которые реально используются. Типичная страница BonaModa загружает менее 15 КБ CSS.
- Единая дизайн-система. Цвета, отступы, типографика, тени — всё определено в едином конфиге. Это гарантирует визуальную целостность на всех страницах портала.
- Адаптивность из коробки. Каждый элемент спроектирован для всех размеров экрана — от мобильных устройств до широкоформатных мониторов.
Preact — лёгкая интерактивность
Там, где нужна интерактивность (калькулятор бюджета, чек-лист подготовки, фильтры каталога), мы используем Preact — ультралёгкую альтернативу React весом всего 3 КБ.
- Знакомый API. Preact совместим с экосистемой React, но занимает в 10 раз меньше места.
- Точечная загрузка. Благодаря архитектуре островов Astro, Preact-компоненты загружаются только на тех страницах, где они действительно используются.
- Мгновенный отклик. Интерактивные инструменты работают без задержек — все вычисления происходят локально в браузере.
Производительность в цифрах
Наш подход к разработке обеспечивает выдающиеся показатели производительности:
- 0 КБ JS на контентных страницах — статьи, гиды и каталоги не загружают JavaScript вообще.
- Время до первого контента (FCP) — менее 1 секунды на мобильных устройствах.
- Cumulative Layout Shift (CLS) — стремится к нулю благодаря заранее определённым размерам всех элементов.
- Оптимизированные изображения — автоматическая конвертация в современные форматы (WebP, AVIF) и lazy-loading.
Безопасность
Безопасность пользователей — наш приоритет:
- HTTPS везде. Все соединения с сайтом зашифрованы с помощью TLS-сертификата.
- Нет базы данных пользователей. BonaModa — статический сайт. У нас нет регистрации, паролей и хранилища пользовательских данных, которые можно было бы скомпрометировать.
- Минимальная поверхность атаки. Статическая архитектура исключает целые классы уязвимостей: SQL-инъекции, XSS через серверный рендеринг, атаки на сессии.
- Заголовки безопасности. Content Security Policy, X-Frame-Options и другие HTTP-заголовки защищают от распространённых атак.
Почему это важно для вас
Технологии — это не цель, а средство. Всё перечисленное выше существует для того, чтобы вы получили:
- Быструю загрузку — даже в метро или на даче с медленным интернетом.
- Экономию трафика — минимальные страницы не съедают ваш мобильный лимит.
- Удобство — никаких спиннеров загрузки, мерцания контента или зависающих интерфейсов.
- Приватность — мы собираем минимум данных и не храним лишнего.
Подготовка к свадьбе — это и так стресс. Пусть хотя бы сайт работает безупречно.