Redis integration for distributed cache in Express - Performance & Optimization

Performance: Redis integration for distributed cache

MEDIUM IMPACT

This affects server response time and reduces backend load by caching data, improving page load speed and interaction responsiveness.

Caching frequently requested data to reduce database load

Express

const redis = require('redis');
const client = redis.createClient();

client.connect();

app.get('/data', async (req, res) => {
  const cacheData = await client.get('items');
  if (cacheData) {
    return res.json(JSON.parse(cacheData));
  }
  const data = await database.query('SELECT * FROM items');
  await client.set('items', JSON.stringify(data), { EX: 60 });
  res.json(data);
});

Caches data in Redis for 60 seconds, serving requests from fast memory instead of slow database.

📈 Performance GainReduces database calls by up to 90%, lowers server CPU load, and speeds up response time significantly.

Caching frequently requested data to reduce database load

Express

app.get('/data', async (req, res) => {
  const data = await database.query('SELECT * FROM items');
  res.json(data);
});

Every request hits the database causing slow responses and high load under traffic.

📉 Performance CostBlocks response until DB query completes; increases server CPU and memory usage.

Performance Comparison

Pattern	DOM Operations	Reflows	Paint Cost	Verdict
No cache, direct DB query	N/A (server-side)	N/A	N/A	[X] Bad
Redis cache with expiration	N/A (server-side)	N/A	N/A	[OK] Good

Rendering Pipeline

Redis caching reduces backend processing time before sending HTML or JSON to the browser, improving the critical rendering path by delivering data faster.

→Server Processing

→Network Transfer

⚠️ BottleneckServer Processing (database query time)

Core Web Vital Affected

LCP

This affects server response time and reduces backend load by caching data, improving page load speed and interaction responsiveness.

Optimization Tips

1Cache frequently requested data to reduce backend processing time.

2Set expiration times on cached data to avoid serving stale content.

3Monitor cache hit rates to ensure Redis is effectively reducing database load.

Performance Quiz - 3 Questions

How does using Redis as a distributed cache affect server response time?

A It increases response time because Redis adds extra network calls.

B It reduces response time by serving data from fast memory instead of slower database queries.

C It has no effect on response time.

D It only affects client-side rendering speed.

DevTools: Network

How to check: Open DevTools > Network tab, reload the page and check response times for API calls. Compare cached vs non-cached responses.

What to look for: Look for faster response times and smaller server processing durations on cached requests.