Why caching improves response times in Nginx - See It in Action

Why caching improves response times with nginx

📖 Scenario: You are managing a website that gets many visitors. Sometimes the server takes longer to respond because it has to process the same requests repeatedly. To make the website faster, you want to use caching in nginx.

🎯 Goal: Learn how to set up a simple caching mechanism in nginx to improve response times by storing and reusing responses.

📋 What You'll Learn

Create a basic nginx configuration with a server block

Add a cache path configuration for storing cached files

Configure a location block to use the cache for responses

Test and display the cache status in the response headers

💡 Why This Matters

🌍 Real World

Websites and APIs use caching to serve repeated requests quickly without reprocessing data every time.

💼 Career

DevOps engineers configure caching in web servers like nginx to optimize performance and reduce costs.

1

Create a basic nginx server block

Write an nginx configuration with a server block listening on port 8080 and serving files from /var/www/html using the root directive.

Nginx

# Your code here

Need a hint?

Use listen 8080; inside the server block and set root /var/www/html;.

2

Add a cache path configuration

Add a proxy_cache_path directive outside the server block to define a cache named my_cache stored at /tmp/nginx_cache with keys_zone=my_cache:10m and inactive=60m.

Nginx

proxy_cache_path /tmp/nginx_cache keys_zone=my_cache:10m inactive=60m;

server {
    listen 8080;
    root /var/www/html;
    location / {
        try_files $uri $uri/ =404;
    }
}
# Your code here

Need a hint?

Place proxy_cache_path outside the server block to define cache storage.

3

Configure location to use the cache

Inside the location / block, add proxy_cache my_cache; and proxy_pass http://localhost:8080; to enable caching of responses from the backend server.

Nginx

proxy_cache_path /tmp/nginx_cache keys_zone=my_cache:10m inactive=60m;

server {
    listen 8080;
    root /var/www/html;
    location / {
        try_files $uri $uri/ =404;
        # Your code here
    }
}

Need a hint?

Add proxy_cache my_cache; and proxy_pass http://localhost:8080; inside the location / block.

4

Print cache status in response headers

Add add_header X-Cache-Status $upstream_cache_status; inside the location / block to show if the response was served from cache.

Nginx

proxy_cache_path /tmp/nginx_cache keys_zone=my_cache:10m inactive=60m;

server {
    listen 8080;
    root /var/www/html;
    location / {
        proxy_cache my_cache;
        proxy_pass http://localhost:8080;
        # Your code here
    }
}

Need a hint?

This header helps you see if the response came from cache or was fetched fresh.