JWT token creation in Express - Performance & Optimization

Performance: JWT token creation

MEDIUM IMPACT

This affects server response time and initial page load speed when tokens are generated and sent to clients.

Creating JWT tokens for user authentication

Express

import jwt from 'jsonwebtoken';
app.post('/login', async (req, res) => {
  const user = await getUserFromDbAsync(req.body.username);
  jwt.sign({ id: user.id }, 'secretkey', { expiresIn: '1h' }, (err, token) => {
    if (err) return res.status(500).send('Error creating token');
    res.send({ token });
  });
});

Asynchronous user lookup and non-blocking token creation keep the server responsive.

📈 Performance GainNon-blocking token creation reduces server response delay by up to 100ms under load

Creating JWT tokens for user authentication

Express

const jwt = require('jsonwebtoken');
app.post('/login', (req, res) => {
  const user = getUserFromDb(req.body.username);
  const token = jwt.sign({ id: user.id }, 'secretkey', { expiresIn: '1h' });
  res.send({ token });
});

Synchronous user lookup and token creation block the event loop, delaying response.

📉 Performance CostBlocks server event loop during token creation, increasing response time by 50-100ms per request

Performance Comparison

Pattern	Server Blocking	Response Delay	Network Impact	Verdict
Synchronous JWT creation	Blocks event loop	Adds 50-100ms delay	Minimal (small token size)	[X] Bad
Asynchronous JWT creation	Non-blocking	Minimal delay	Minimal (small token size)	[OK] Good

Rendering Pipeline

JWT token creation happens on the server before sending the response. Slow token creation delays the server's response, affecting when the browser starts rendering.

→Server Processing

→Network Transfer

→First Paint

⚠️ BottleneckServer Processing during token signing

Core Web Vital Affected

LCP

This affects server response time and initial page load speed when tokens are generated and sent to clients.

Optimization Tips

1Avoid synchronous blocking calls during JWT creation to keep server responsive.

2Use asynchronous jwt.sign() to prevent event loop delays.

3Keep token payloads minimal to reduce network transfer size.

Performance Quiz - 3 Questions

What is the main performance impact of synchronous JWT token creation in Express?

A It blocks the server event loop, increasing response time

B It increases the token size sent to the client

C It causes layout shifts in the browser

D It reduces network bandwidth usage

DevTools: Network

How to check: Open DevTools, go to Network tab, filter for login request, and check the Time column for server response duration.

What to look for: Look for long waiting (TTFB) times indicating server delay before response starts.