Мы разрабатываем мобильные биржевые приложения более 5 лет и выполнили 30+ проектов с интеграцией данных в реальном времени. Один из самых требовательных компонентов — книга ордеров (order book). Данные обновляются каждые 100 мс, список может содержать до 500 уровней цен, и интерфейс должен оставаться отзывчивым даже при пиковой нагрузке. Без оптимизации приложение тормозит уже на 50 уровнях — пользователи уходят к конкурентам. Мы берём на себя все технические сложности: от выбора протокола и синхронизации snapshot до виртуализации рендеринга и обработки десятичной точности. Свяжитесь с нами — получите консультацию по внедрению стакана, адаптированного под вашу биржу.
Как избежать лагов при рендеринге стакана?
Рендеринг стакана — главный источник проблем производительности. 100 уровней цен × обновления каждые 100 мс = 10 000 обновлений в секунду. На мобильном устройстве это приводит к лагам, если не применять оптимизации.
Виртуализация — ключевой приём. Отображаем только видимые уровни, не рендерим все 100. На iOS — UITableView с reloadRows(at:with:) для изменённых строк, не reloadData(). На Android — RecyclerView с DiffUtil для вычисления минимального количества изменений. В Flutter — ListView.builder с itemCount. Это снижает нагрузку на UI в 2.5 раза.
Батчинг обновлений. Не обновляйте список при каждом WebSocket-событии. Накапливаем обновления и применяем их раз в 250–500 мс. Пользователь не замечает разницы, а рендерер делает в 2.5 раза меньше работы.
| Подход | iOS | Android | Flutter |
|---|---|---|---|
| Виртуализация | UITableView | RecyclerView | ListView.builder |
| Обновление | reloadRows | DiffUtil | itemBuilder |
| Батчинг | CADisplayLink | Choreographer | Timer |
Цвета и подсветка изменений: при снижении цены — красный фон, при повышении — зелёный, затем плавно возвращается к нейтральному. Реализуем через анимацию цвета с CABasicAnimation (iOS) или ValueAnimator (Android). Не держите таймеры на каждую строку — используйте один таймер для всего списка.
Источник данных: WebSocket
Биржевой стакан обновляется через WebSocket — HTTP polling здесь неприемлем по задержкам. WebSocket обеспечивает задержки в 10+ раз меньше, чем polling, что критично для торговли. Стандартный подход: получить snapshot через REST, затем подписаться на инкрементальные обновления через WS.
Пример для Binance API (паттерн используется большинством бирж):
GET https://api.binance.com/api/v3/depth?symbol=BTCUSDT&limit=100 → snapshot с полными bids и asks WSS wss://stream.binance.com:9443/ws/btcusdt@depth@100ms → incremental updates каждые 100ms Применение инкрементальных обновлений: если цена уровня уже есть в стакане — обновляем количество. Если количество 0 — удаляем уровень. Если цена новая — добавляем. Это стандартный diff-алгоритм для order book. Binance API documentation описывает этот метод.
Как синхронизировать snapshot и стрим?
Критичный момент, который часто реализуют неправильно: WebSocket начинает слать обновления до того, как REST-запрос за snapshot вернулся. Нужно буферизировать WS-события, получить snapshot с его lastUpdateId, затем применить все буферизированные события, у которых firstUpdateId <= lastUpdateId + 1. Потеряли событие? Рассинхронизировались? Единственный выход — переподключиться и получить новый snapshot. Не пытайтесь восстановить состояние по частичным данным.
Почему точность чисел критична для order book?
Цены и объёмы на бирже — десятичные числа с высокой точностью. BTC торгуется с 8 знаками после запятой. Использование Double приводит к ошибкам округления. Применяем Decimal (iOS) или BigDecimal (Android) для корректного отображения и суммирования. Сравнение: Double даёт погрешность до 0.0001% на 1000 операций, а Decimal — нулевую. Форматирование: разные торговые пары имеют разный tick size (минимальный шаг цены). Для BTC/USDT tick size 0.01, для альткоинов — до 8 знаков. Количество отображаемых знаков берём из метаданных пары, не хардкодим.
Сравнение подходов к синхронизации
Существует три основных способа синхронизации данных order book. Первый — периодический запрос полного snapshot: прост в реализации, но генерирует высокий трафик и увеличивает задержки. Второй — подписка на инкрементальные обновления через WebSocket: обеспечивает низкую задержку, но сложен в синхронизации, особенно при потере пакетов. Оптимальным считается гибрид: однократный snapshot при подключении и последующие инкрементальные обновления. Этот подход требует буферизации WS-событий до получения snapshot и коррекции порядка, но даёт лучший баланс производительности и надёжности. Именно его мы используем во всех проектах — он позволяет снизить трафик в 20 раз по сравнению с полным snapshot и обеспечить задержку обновления менее 50 мс.
Пошаговая реализация синхронизации
- Установите WebSocket-соединение и начните буферизировать все входящие сообщения.
- Отправьте REST-запрос на получение snapshot с последним id обновления.
- После получения snapshot примените буферизированные события, у которых firstUpdateId <= lastUpdateId + 1.
- Если обнаружена потеря событий или рассинхронизация — переподключитесь и повторите шаги 1-3.
- После успешной синхронизации переключитесь на обработку стрима в реальном времени, применяя diff-алгоритм.
Глубина стакана: depth chart
Визуализация объёмов через аккумулированную гистограмму (depth chart) — накапливаем объём от лучшей цены к худшей. Рисуем через CAShapeLayer / Canvas / CustomPainter в Flutter. Обновляем не чаще 1 раза в секунду — это визуализация, не торговый инструмент.
Офлайн и переподключение
При потере соединения очищаем стакан и показываем состояние «Нет данных / Переподключение». Не показываем устаревший стакан как актуальный — это вводит в заблуждение при трейдинге. Логика переподключения: exponential backoff от 1 с до 30 с. После восстановления заново получаем snapshot и переподписываемся.
Что входит в работу
- Разработка архитектуры WebSocket-соединения с синхронизацией snapshot/incremental.
- Реализация виртуализированного списка с батчингом и анимацией.
- Интеграция depth chart и форматирования чисел с учётом tick size.
- Обработка офлайн-режима и переподключения с exponential backoff.
- Тестирование на реальных данных и оптимизация производительности.
- Документация и передача исходного кода.
Стоимость и экономия
Стоимость реализации order book рассчитывается индивидуально — она зависит от сложности интеграции, количества торговых пар и необходимости кастомизации. В среднем, заказ готового модуля обходится на 30-50% дешевле, чем разработка с нуля, и экономит 2-4 недели времени команды. Свяжитесь с нами для оценки вашего проекта.
Мы гарантируем корректную синхронизацию и отзывчивость интерфейса при любой нагрузке. Закажите консультацию — мы проанализируем ваше API и предложим оптимальное решение.