Polling, Long Polling, SSE и Webhook
Зачем нужны отдельные подходы
Классический HTTP работает по схеме «запрос — ответ»: клиент спрашивает, сервер отвечает, соединение закрывается. Для страницы с новостями или статичной формы этого достаточно.
Современные интерфейсы ожидают другое поведение: статус заказа меняется без перезагрузки, в чат приходят сообщения сразу, ответ нейросети появляется по мере генерации. Сервер должен доставить обновление клиенту, хотя тот сам не отправлял новый запрос в этот момент.
Ниже — четыре базовых паттерна, которые каждый разработчик встречает на практике. Они решают одну задачу разными способами и часто сочетаются с WebSocket, когда нужен полноценный двусторонний канал.
Сравнение в одной таблице
| Подход | Кто инициирует связь | Соединение | Направление | Типичный пример |
|---|---|---|---|---|
| Polling | Клиент, по таймеру | Короткое на каждый опрос | Клиент → сервер | Проверка статуса заказа каждые 5 с |
| Long Polling | Клиент, но сервер держит ответ | Долгое до события или таймаута | Клиент → сервер | Новые сообщения в чате |
| SSE | Клиент один раз, дальше сервер шлёт поток | Одно долгоживущее | Сервер → клиент | Стрим ответа ИИ, лента уведомлений |
| Webhook | Сервер при событии | Короткое на каждое событие | Сервер → другой сервис | Уведомление об успешной оплате |
POST /webhook. Браузер напрямую webhook принять не может (нет публичного URL у вкладки). Для веб-клиента ближе SSE, Long Polling или WebSocket.Polling (краткий опрос)
Polling — клиент регулярно отправляет запрос и спрашивает, есть ли новые данные. Между запросами — пауза (интервал опроса).
Как работает
- Приложение отправляет
GET /updates. - Сервер сразу отвечает — с данными или пустым телом.
- Клиент ждёт заданный интервал (например, 5 с) и повторяет цикл.
Плюсы: простая реализация, работает везде, где есть HTTP; легко отлаживать через curl.
Минусы: задержка до следующего интервала; много «пустых» запросов; нагрузка на сервер растёт с числом клиентов.
Когда уместен: редкие изменения, прототип, внутренние панели с низкой частотой обновления, среда без поддержки долгих соединений.
Long Polling (длительный опрос)
Long Polling — клиент отправляет запрос, а сервер не отвечает сразу, если данных нет. Соединение остаётся открытым, пока не появится событие, не истечёт таймаут или связь не оборвётся. После ответа клиент сразу открывает новый запрос.
Плюсы: задержка близка к моменту появления данных; меньше запросов, чем при коротком polling.
Минусы: сервер удерживает много открытых соединений; при массовом переподключении возможны пики нагрузки (thundering herd); клиент по-прежнему инициирует каждый цикл.
Когда уместен: чаты и уведомления там, где WebSocket недоступен (строгий корпоративный прокси, старые клиенты).
SSE (Server-Sent Events)
SSE — клиент один раз открывает GET с заголовком Accept: text/event-stream. Сервер отвечает 200 OK и Content-Type: text/event-stream, после чего стримит события по одному HTTP-соединению. В браузере для этого есть EventSource.
Формат события (текст, строки разделены пустой строкой):
event: status
data: {"orderId": 42, "state": "shipped"}
id: 17
retry: 3000
event— имя типа события;data— полезная нагрузка (часто JSON);id— для возобновления после обрыва;retry— пауза переподключения в миллисекундах.
Плюсы: нативная поддержка в браузере; автоматическое переподключение; проще WebSocket, если нужен только поток от сервера к клиенту.
Минусы: односторонний канал (ответ клиента — отдельным HTTP-запросом); лимиты прокси на время жизни соединения; бинарные данные передают через Base64 или другой транспорт.
Когда уместен: стриминг текста (ответ LLM по токенам), дашборды, лента активности, прогресс длительной операции.
Подробнее с примерами кода — в Реактивной коммуникации.
Webhook
Webhook — сервис-источник сам вызывает заранее зарегистрированный URL потребителя, когда происходит событие. Это push-модель поверх обычного HTTP, чаще всего POST с JSON-телом.
Типичный сценарий
- Вы регистрируете
https://api.example.com/webhooks/paymentsу Stripe, GitHub или CRM. - При событии провайдер шлёт
POSTс телом и подписью (HMAC в заголовке). - Ваш обработчик проверяет подпись, сохраняет
event_idдля идемпотентности и отвечает2xxбыстро; тяжёлую работу выносят в очередь.
Плюсы: мгновенная доставка без опроса; стандартный HTTP; удобно для интеграций SaaS.
Минусы: нужен публичный HTTPS-эндпоинт; повторы и порядок событий нужно проектировать явно; отладка сложнее, чем у pull-API.
Интеграционный разбор, чек-лист и примеры — в Push, Pull, Webhooks.
Как выбрать подход
| Ситуация | Разумный выбор |
|---|---|
| Редкие изменения, простой MVP | Polling с интервалом 10–30 с |
| Чат или уведомления без WebSocket | Long Polling |
| Поток текста или событий только к браузеру | SSE |
| Внешний сервис сообщает вашему backend о событии | Webhook |
| Дуплекс — клиент и сервер шлют в любой момент | WebSocket |
На практике часто комбинируют: webhook сигнализирует «заказ оплачен», а фронтенд по SSE или WebSocket показывает обновление без перезагрузки.
Связь с Web API браузера
| Подход | API / механизм на клиенте |
|---|---|
| Polling | fetch, setInterval |
| Long Polling | fetch с большим timeout |
| SSE | EventSource |
| Webhook | Серверный endpoint; браузер получает данные через свой API или WebSocket/SSE |
Обзор категорий Web API — в статье Web API в браузере. Практикум с WebSocket — 8.08 REST и WebSocket.
См. также
- Фоновая работа и офлайн-режим — Service Worker и отложенная синхронизация
- Дополнительные аспекты интеграции — push и pull в интеграциях
- Проектирование API — callback, webhook и асинхронные операции
См. также
Другие статьи этого же раздела в боковом меню (как на странице "О разделе"). Как устроены сайты и веб-сайты - сборка, развёртывание и роль статических генераторов в современном веб-производстве. Адресная строка браузера - как устроен ввод URL, отображение контекста безопасности и особенности интерфейса на мобильных устройствах. Архитектура веб-приложений - сочетание серверного рендеринга и клиентской логики, влияющее на скорость загрузки и интерактивность. Управление вкладками и закладками в браузере - как организовать сессии, сохранить контекст работы и быстрее переключаться между задачами. Это определяет схожесть или различие в форматах ошибок. Так, если клиент - это браузер и пользователь, то сервер - это мощный компьютер где-то далеко. Конструкторы сайтов - визуальная сборка страниц, шаблоны и ограничения no-code-подхода при создании веб-проектов. Архитектурные особенности современных веб-приложений - протоколы, границы компонентов и отличия от классических сайтов. Фоновая работа и офлайн-режим веб-приложений - Service Worker, кэширование и устойчивость интерфейса при нестабильной сети. Где хранятся данные веб-приложения - распределение между браузером и сервером, а также границы ответственности клиента и backend-части. Push-уведомления — это короткие сообщения, которые веб-приложение может показать пользователю даже тогда, когда вкладка с сайтом закрыта, браузер свёрнут или работает в фоне. SEO-оптимизация и аудит - как оценивать текущие позиции сайта, приоритизировать улучшения и формировать дорожную карту роста.Сайты и веб-сайты
Адресная строка браузера
Архитектура веб-приложений
Управление закладками и вкладками в браузере
Обработка внутренних ошибок браузера
Веб-серверы
Конструкторы сайтов
Архитектурные особенности современных веб-приложений
Фоновая работа и офлайн-режим веб-приложений
Хранение данных в браузере и на сервере
Push-уведомления и рассылки
SEO-оптимизация