File size limits in Express - Performance & Optimization

Performance: File size limits

HIGH IMPACT

This affects the server response time and client experience by controlling how large uploaded files can be, impacting load speed and resource usage.

Handling file uploads in an Express server

Express

const multer = require('multer');
const upload = multer({ limits: { fileSize: 1 * 1024 * 1024 } });
app.use(express.json({ limit: '1mb' }));
app.post('/upload', upload.single('file'), (req, res) => {
  // Limit file size to 1mb
  res.send('File received');
});

Restricting file size reduces server load and speeds up processing, preventing slow responses.

📈 Performance GainReduces blocking time and memory use, improving LCP and server stability

Handling file uploads in an Express server

Express

const multer = require('multer');
const upload = multer();
app.use(express.json({ limit: '10mb' }));
app.post('/upload', upload.single('file'), (req, res) => {
  // No file size limit set (multer default allows unlimited file size)
  // Accepts very large files
  res.send('File received');
});

No strict file size limit allows very large uploads, which can slow down server response and increase memory usage.

📉 Performance CostBlocks server event loop during large uploads, increasing response time and risking crashes

Performance Comparison

Pattern	DOM Operations	Reflows	Paint Cost	Verdict
No file size limit	N/A	N/A	Blocks response rendering	[X] Bad
File size limit set to 1mb	N/A	N/A	Fast response, no blocking	[OK] Good

Rendering Pipeline

File size limits affect the server's ability to quickly process incoming data, which impacts how fast the server can respond and the browser can render the page.

→Network Transfer

→Server Processing

→Response Rendering

⚠️ BottleneckServer Processing when handling large uploads

Core Web Vital Affected

LCP

This affects the server response time and client experience by controlling how large uploaded files can be, impacting load speed and resource usage.

Optimization Tips

1Always set a reasonable file size limit for uploads to prevent server overload.

2Use middleware like multer({ limits: { fileSize: '1mb' } }) to enforce limits.

3Monitor upload sizes in DevTools Network panel to catch performance issues early.

Performance Quiz - 3 Questions

What is the main performance risk of not setting file size limits in Express uploads?

A JavaScript bundle size increases

B Browser will block rendering due to CSS issues

C Server can become slow or crash due to large uploads

D Images will not load properly

DevTools: Network

How to check: Open DevTools, go to Network tab, upload a file and observe the request size and timing.

What to look for: Look for large request payloads causing long upload times or stalled responses indicating poor file size limits.