Как Beyond Menu внедрила фича-флаги с нулевой задержкой и без потери конверсии

Beyond Menu, один из крупнейших сервисов доставки еды в США, соединяющий рестораны и посетителей, внедрил фича-флаги с нулевой задержкой и без потери конверсии. Это позволило компании масштабировать разработку, ускорить релизы и проводить A/B-тестирование в production с минимальными рисками. Ключевым решением стала интеграция Hypertune и Vercel Edge Config, обеспечившая проверку флагов за миллисекунды как на сервере, так и на клиенте.

Предыстория и контекст: почему Beyond Menu понадобились фича-флаги

До внедрения фича-флагов Beyond Menu сталкивалась с типичными проблемами быстрого роста: релизы были редкими и рискованными, A/B-тесты требовали много ручного труда, а откат изменений занимал часы. Команда хотела перейти на trunk-based development, где все разработчики работают в одной ветке, а новые функции включаются через флаги. Это ускоряет цикл разработки и позволяет тестировать изменения в production с малым риском. Дополнительным вызовом была необходимость поддерживать разные режимы рендеринга в Next.js App Router, включая React Server Components и Client Components, а также статический, динамический и частичный предварительный рендеринг.

Как Hypertune и Vercel Edge Config обеспечили ультранизкую задержку

Hypertune — платформа для управления фича-флагами и A/B-тестирования, которая использует Vercel Edge Config для хранения конфигураций на границе сети. Благодаря этому данные о флагах доставляются пользователям с минимальной задержкой, так как Edge Config реплицируется в более чем 30 точках присутствия Vercel по всему миру. Для Beyond Menu это означало, что проверка фича-флага на сервере занимает менее 5 миллисекунд, а на клиенте — практически мгновенно, без дополнительных сетевых запросов. Ключевой особенностью стало то, что Hypertune позволяет определять фича-флаги как код на TypeScript, что даёт типовую безопасность и автодополнение в IDE. Это упрощает работу разработчиков и снижает вероятность ошибок. Флаги могут быть прочитаны как на сервере, так и на клиенте, причём на сервере они интегрируются с React Server Components, что исключает задержки при рендеринге.

Как фича-флаги работают на сервере и клиенте без потери производительности?

На сервере Hypertune использует Edge Config для хранения правил флагов. Когда поступает запрос, Edge Config возвращает актуальную конфигурацию за миллисекунды. В React Server Components флаги проверяются напрямую, без участия клиентского JavaScript. Это означает, что пользователь видит правильную версию страницы с первого рендера, без мерцания или сдвигов макета. На клиенте Hypertune синхронизирует конфигурацию через Edge Config и кэширует её локально. При изменении флага (например, при A/B-тесте) обновление происходит мгновенно, без полной перезагрузки страницы. Это особенно важно для таких сценариев, как изменение цены или кнопки заказа, где задержка может стоить конверсии.

Технические подробности: интеграция с Next.js App Router

Beyond Menu использует Next.js с App Router, который поддерживает React Server Components, Client Components и разные стратегии рендеринга. Hypertune предоставляет провайдер для инициализации на сервере и хуки для клиента. Для статических страниц конфигурация флагов встраивается в HTML на этапе сборки, поэтому даже при статическом рендеринге фича-флаги работают без дополнительных запросов. Важно, что Hypertune не влияет на производительность: все вычисления флагов выполняются на границе сети или локально, без блокировки основного потока. Beyond Menu измерила, что добавление фича-флагов не увеличило время загрузки страниц и не повлияло на Core Web Vitals, включая Cumulative Layout Shift (CLS).

Какие результаты получила Beyond Menu после внедрения фича-флагов?

Для разработчиков Beyond Menu внедрение Hypertune и Vercel Edge Config означает возможность быстрее выпускать функции и безопасно тестировать их в production. Trunk-based development снижает конфликты слияния и ускоряет код-ревью. A/B-тесты теперь настраиваются через интерфейс Hypertune без участия бэкенд-инженеров. Для бизнеса фича-флаги позволяют проводить эксперименты с конверсией, например, тестировать разные варианты оформления заказа или акционные предложения. Мгновенные откаты снижают риски: если новая функция вызывает проблемы, её можно отключить за секунды, не затрагивая остальных пользователей. Для пользователей изменения становятся незаметными: страницы загружаются быстро, без мерцаний, а новые функции появляются постепенно. A/B-тесты не ухудшают опыт, так как конфигурация флагов доставляется с минимальной задержкой.

Что будет дальше: развитие фича-флагов в Beyond Menu

Beyond Menu планирует расширить использование фича-флагов на все новые функции и A/B-тесты. В будущем они хотят автоматизировать процесс: например, запускать A/B-тесты автоматически на основе данных аналитики и автоматически раскатывать победившие варианты. Также рассматривается использование фича-флагов для кастомизации интерфейса под разные группы пользователей (например, по геолокации или истории заказов).

Итог

Beyond Menu успешно внедрила фича-флаги с ультранизкой задержкой и нулевым влиянием на конверсию, используя Hypertune и Vercel Edge Config. Это позволило команде ускорить разработку, снизить риски и улучшить пользовательский опыт. Кейс демонстрирует, как современные инструменты управления функциями могут масштабироваться без компромиссов по производительности.