Broadcasting messages in NestJS - Performance & Optimization

Performance: Broadcasting messages

MEDIUM IMPACT

Broadcasting messages affects the responsiveness and scalability of real-time features by impacting server load and network traffic.

Sending real-time updates to many clients

NestJS

server.emit('update', data);

Broadcasting once to all clients reduces repeated work and network calls.

📈 Performance Gainsingle event emission and network send regardless of client count

Sending real-time updates to many clients

NestJS

for (const client of clients) {
  client.emit('update', data);
}

Emitting messages individually to each client causes repeated event loop tasks and network overhead.

📉 Performance Costtriggers N event emissions and network sends for N clients

Performance Comparison

Pattern	Server Event Loop	Network Calls	Client Handling	Verdict
Per-client emit	High (N emits)	High (N sends)	Normal	[X] Bad
Server broadcast emit	Low (1 emit)	Low (1 send)	Normal	[OK] Good

Rendering Pipeline

Broadcasting messages involves server-side event emission and client-side event handling, impacting the event loop and network layers.

→Server Event Loop

→Network Transmission

→Client Event Handling

⚠️ BottleneckServer Event Loop and Network Transmission

Core Web Vital Affected

INP

Broadcasting messages affects the responsiveness and scalability of real-time features by impacting server load and network traffic.

Optimization Tips

1Avoid emitting messages individually to each client when broadcasting the same data.

2Use server-wide broadcast methods to minimize event loop and network overhead.

3Monitor network traffic to ensure broadcasts are sent efficiently.

Performance Quiz - 3 Questions

What is the main performance issue with emitting messages individually to each client in NestJS?

A It causes repeated event loop tasks and network overhead for each client.

B It reduces server memory usage.

C It improves message delivery speed.

D It decreases network traffic.

DevTools: Network

How to check: Open DevTools Network panel, filter by WebSocket or SSE, observe number of messages sent during broadcast.

What to look for: Multiple repeated messages indicate per-client emits; a single message indicates efficient broadcast.

Practice

1. What does broadcasting messages in a NestJS WebSocket gateway do?

easy

A. Sends a message to only one client

B. Saves messages to a database

C. Sends a message to all connected clients at once

D. Blocks messages from being sent

Solution

1. Step 1: Understand broadcasting meaning

   Broadcasting means sending the same message to everyone connected.

2. Step 2: Apply to NestJS WebSocket gateway

   In NestJS, broadcasting sends messages to all clients, not just one.

3. Final Answer:

   Sends a message to all connected clients at once -> Option C

4. Quick Check:

   Broadcasting = send to all clients [OK]

Hint: Broadcast means send to everyone connected [OK]

Common Mistakes:

• Thinking broadcasting sends to one client only
• Confusing broadcasting with saving messages
• Assuming broadcasting blocks messages

2. Which is the correct way to broadcast a message named 'update' with data in a NestJS WebSocket gateway?

easy

A. this.emit.server('update', data);

B. this.server.emit('update', data);

C. server.this.emit('update', data);

D. emit.this.server('update', data);

Solution

1. Step 1: Recall NestJS WebSocket broadcast syntax

   The correct syntax is calling emit on this.server with event and data.

2. Step 2: Check each option's syntax

   Only this.server.emit('update', data); matches the correct method call: this.server.emit('update', data); others have wrong order or method names.

3. Final Answer:

   this.server.emit('update', data); -> Option B

4. Quick Check:

   Correct emit call = this.server.emit(event, data) [OK]

Hint: Use this.server.emit(event, data) to broadcast [OK]

Common Mistakes:

• Swapping order of 'this' and 'server'
• Using emit as a property instead of a method
• Incorrect method call syntax

3. Given this code inside a NestJS WebSocket gateway:

this.server.emit('notify', { message: 'Hello' });

What will happen when this line runs?

medium

A. The server logs the message but does not send it

B. Only the client who sent the last message receives the event

C. An error occurs because emit needs a callback

D. All connected clients receive the 'notify' event with the message

Solution

1. Step 1: Understand this.server.emit behavior

   This method broadcasts the event to all connected clients.

2. Step 2: Analyze the code effect

   The 'notify' event with the message object is sent to everyone connected.

3. Final Answer:

   All connected clients receive the 'notify' event with the message -> Option D

4. Quick Check:

   this.server.emit sends to all clients [OK]

Hint: Emit on server sends to all clients, not just one [OK]

Common Mistakes:

• Thinking only one client receives the event
• Assuming emit logs instead of sending
• Believing emit requires a callback

4. Identify the error in this NestJS WebSocket gateway code snippet:

this.server.emit('chat', message)

where message is undefined.

medium

A. No error; undefined message is sent as is

B. Runtime error because message must be a string

C. Syntax error due to missing semicolon

D. Emit method requires a callback function

Solution

1. Step 1: Check if undefined data causes error

   Emitting undefined data does not cause syntax or runtime errors in NestJS.

2. Step 2: Confirm emit method requirements

   Emit accepts any data type; no callback is required.

3. Final Answer:

   No error; undefined message is sent as is -> Option A

4. Quick Check:

   Emit accepts undefined data without error [OK]

Hint: Undefined data can be emitted without error [OK]

Common Mistakes:

• Assuming undefined causes runtime error
• Thinking emit needs a callback
• Confusing missing semicolon as error

5. You want to broadcast a message only to clients in a specific room named 'chat-room' in NestJS. Which code correctly does this?

hard

A. this.server.to('chat-room').emit('message', data);

B. this.server.emit('chat-room', 'message', data);

C. this.server.broadcast('chat-room').emit('message', data);

D. this.server.emit('message', data).to('chat-room');

Solution

1. Step 1: Understand broadcasting to rooms in NestJS

   To send to a specific room, use this.server.to(roomName).emit(event, data).

2. Step 2: Check each option for correct syntax

   this.server.to('chat-room').emit('message', data); uses correct chaining: to('chat-room').emit('message', data). Others misuse emit or method order.

3. Final Answer:

   this.server.to('chat-room').emit('message', data); -> Option A

4. Quick Check:

   Broadcast to room = this.server.to(room).emit(event, data) [OK]

Hint: Use this.server.to(room).emit(event, data) for room broadcast [OK]

Common Mistakes:

• Calling emit before to()
• Using broadcast() method which doesn't exist
• Passing room name as event name