Contrôle de flux et regroupement des messages
Empêchez les producteurs rapides de submerger les consommateurs lents grâce aux signaux de contrôle de flux et au regroupement des messages sur WebSockets.
Contrôle de flux et regroupement des messages est une leçon WebSockets & Realtime Systems Programming gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage WebSockets & Realtime Systems Programming, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours WebSockets & Realtime Systems Programming comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
The Problem of Speed Mismatch
When a producer sends faster than a consumer or the network can handle, messages pile up in buffers, memory grows, and latency spikes. Managing this is called backpressure.
The Send Buffer
Each WebSocket has an outgoing buffer. If you keep calling send faster than the socket can flush, that buffer grows unbounded.
Measuring Buffer Pressure
The browser exposes bufferedAmount: bytes queued but not yet sent. A rising value signals the consumer side is falling behind.
if (ws.bufferedAmount > 1_000_000) {
// pause sending
}Applying Backpressure
When the buffer is high, stop producing until it drains. Resume when it falls below a low watermark.
function maybeSend(data) {
if (ws.bufferedAmount < HIGH_WATER) ws.send(data);
else pendingFlush();
}Server-Side Backpressure
On Node.js, ws.send can accept a callback, and the underlying stream signals when to slow down. Respect it instead of blindly flooding.
ws.send(data, () => {
// safe to send the next chunk
});Why Batch Messages
Sending thousands of tiny messages is inefficient: each has framing overhead. Batching groups many updates into one frame, cutting overhead dramatically.
Time-Based Batching
Collect messages for a short window, then flush them together on a timer.
let batch = [];
setInterval(() => {
if (batch.length) { ws.send(JSON.stringify(batch)); batch = []; }
}, 50);Size-Based Batching
Alternatively flush when the batch reaches a target size, capping per-message latency.
function add(msg) {
batch.push(msg);
if (batch.length >= 100) flush();
}Coalescing Updates
For state that changes rapidly (like a cursor position), keep only the latest value instead of every intermediate one. This is coalescing, a powerful form of batching.
The Latency Trade-off
Batching trades a little latency for much higher throughput. Tune the window so users do not perceive lag while you still gain efficiency.
Best Practices
Handle flow control well:
- Watch
bufferedAmountto detect pressure - Pause producing above a high watermark
- Batch tiny messages by time or size
- Coalesce rapidly-changing state
Quick Check
Test your flow-control knowledge.
Recap
You learned flow control over WebSockets:
- Backpressure prevents buffer overload
- Monitor
bufferedAmountand pause above a watermark - Batch tiny messages by time or size
- Coalesce fast-changing state
Your realtime channel now stays stable under load.
Questions Fréquemment Posées
La leçon « Contrôle de flux et regroupement des messages » est-elle gratuite ?
Oui — le texte complet de « Contrôle de flux et regroupement des messages » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours WebSockets & Realtime Systems Programming, passe à CoddyKit PRO. Le cours WebSockets & Realtime Systems Programming comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Contrôle de flux et regroupement des messages » ?
Empêchez les producteurs rapides de submerger les consommateurs lents grâce aux signaux de contrôle de flux et au regroupement des messages sur WebSockets. Tu pratiques WebSockets & Realtime Systems Programming avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer WebSockets & Realtime Systems Programming ?
Aucune expérience préalable n'est requise. WebSockets & Realtime Systems Programming sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Contrôle de flux et regroupement des messages » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon WebSockets & Realtime Systems Programming ?
Oui. Chaque leçon WebSockets & Realtime Systems Programming inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Implémentation de la messagerie publication/abonnement
- Requête-réponse sur WebSockets
- Flux bidirectionnel et contrôle du flux
- Contrôle de flux et regroupement des messages