Caching in Web Performance Optimization: Strategies and Benefits

• HTTP/3 and QUIC now account for over 40% of all CDN-served traffic as of early 2026, up from roughly 30% a year prior. Modern caching strategies must account for QUIC’s zero‑RTT resumption and multiplexed streams.
• A multi‑tier caching strategy-combining browser cache, CDN, and application‑level caches-delivers better origin offload and more consistent performance than any single layer alone.
• Microcaching (1–10 seconds) for dynamic pages that receive heavy traffic bursts reduces origin load without sacrificing freshness. This is particularly effective for high‑traffic menu or directory‑style websites.
• stale-while-revalidate is a critical directive for modern caching, enabling stale content to be served while the cache is refreshed in the background. This eliminates origin fetches on cache expiration without serving stale content beyond an acceptable window.
• Brotli compression provides better compression ratios than Gzip where supported and should be enabled alongside modern caching configurations.

• ETag: A unique identifier for a specific version of a resource. The client sends this in the If-None-Match header.
• Last-Modified: The last modification time. The client sends this in the If-Modified-Since header.

1. Browser cache: First line of defence (client‑side)
2. CDN cache: Edge‑level caching for global audiences
3. Mid‑tier cache: Dedicated cache layer between CDN and origin
4. Application cache: Redis/Memcached for dynamic data
5. Database cache: Query caching at the database layer

• High‑traffic news or menu websites
• API endpoints with moderate change frequency
• Pages with expensive database queries that can tolerate brief staleness

Cache-Control: max-age=60, stale-while-revalidate=86400

• Reduced latency for cache misses (QUIC’s faster handshake)
• More efficient multiplexing for parallel resource fetching
• Improved performance for mobile users on high‑latency connections

sudo a2enmod cache
sudo a2enmod cache_disk
sudo a2enmod expires
sudo a2enmod headers
sudo a2enmod deflate
sudo systemctl restart apache2

<IfModule mod_cache.c>
 CacheQuickHandler off
 CacheLock on
 CacheLockPath /tmp/mod_cache-lock
 CacheLockMaxAge 5
 CacheIgnoreHeaders Set-Cookie
</IfModule>
<IfModule mod_cache_disk.c>
 CacheRoot /var/cache/apache2/mod_cache_disk
 CacheEnable disk /
 CacheDirLevels 2
 CacheDirLength 1
 CacheDefaultExpire 3600
 CacheMaxExpire 86400
 CacheIgnoreHeaders Set-Cookie
</IfModule>

• mod_cache is not a “one‑click” caching solution-it must be paired with a storage backend (like mod_cache_disk) and strict response header rules
• mod_cache alone does not cache dynamic responses; it must be paired with mod_proxy to create a “proxy + cache” chain
• For API responses, the backend must explicitly set public with max-age in Cache-Control, and avoid Set-Cookie or Vary: * headers

<IfModule mod_expires.c>
 ExpiresActive On
 # Default expiry
 ExpiresDefault "access plus 1 day"
 # Static assets (long cache)
 ExpiresByType image/jpg "access plus 1 year"
 ExpiresByType image/jpeg "access plus 1 year"
 ExpiresByType image/png "access plus 1 year"
 ExpiresByType image/gif "access plus 1 year"
 ExpiresByType image/webp "access plus 1 year"
 ExpiresByType text/css "access plus 30 days"
 ExpiresByType application/javascript "access plus 30 days"
 ExpiresByType image/ico "access plus 1 month"
 ExpiresByType image/x-icon "access plus 1 month"
 # HTML (short cache)
 ExpiresByType text/html "access plus 1 hour"
</IfModule>

<IfModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css \
 application/javascript application/json \
 image/svg+xml application/xml
</IfModule>

sudo apachectl -t
sudo systemctl reload apache2

http {
 proxy_cache_path /data/nginx/cache
 keys_zone=mycache:10m
 max_size=10g
 inactive=60m
 use_temp_path=off;
 # Cache loader settings (avoids startup slowdown)
 proxy_cache_path /data/nginx/cache
 keys_zone=mycache:10m
 loader_threshold=300
 loader_files=200;
}

• The keys_zone stores cache metadata (keys and object headers) at roughly 8KB per object
• The max_size parameter limits total cached response data
• The cache loader runs only once after Nginx starts-configure loader_threshold and loader_files to avoid startup slowdown

server {
 proxy_cache mycache;
 proxy_cache_key "$scheme$request_method$host$request_uri";
 proxy_cache_valid 200 302 60m;
 proxy_cache_valid 404 1m;
 proxy_cache_use_stale error timeout updating http_500 http_502 http_503;
 proxy_cache_background_update on;
 proxy_cache_lock on;
 location / {
 proxy_pass http://backend;
 proxy_set_header Host $host;
 proxy_set_header X-Real-IP $remote_addr;
 }
}

location ~* \.(jpg|jpeg|png|gif|ico|css|js|webp)$ {
 expires 1y;
 add_header Cache-Control "public, immutable";
}
location ~* \.html$ {
 expires 1h;
 add_header Cache-Control "public, max-age=3600";
}

location /dynamic/ {
 proxy_cache mycache;
 proxy_cache_valid 200 5s; # Microcaching: 5 seconds
 proxy_cache_use_stale updating;
 proxy_cache_background_update on;
 proxy_pass http://backend;
}

brotli on;
brotli_types text/html text/plain text/css text/xml
 application/javascript application/json
 image/svg+xml application/xml;
brotli_comp_level 6;
brotli_static on;

listen 443 quic reuseport;
listen 443 ssl http2;
add_header Alt-Svc 'h3=":443"; ma=86400';

• Static content caching from a well‑tuned CDN in 2026 delivers sub‑20ms TTFB for users within the same metro as an edge node
• Static websites behind a CDN with Brotli compression and HTTP/3 enabled deliver LCP under 1.2 seconds for 90th‑percentile global users (assets under 500KB compressed)
• Microcaching (1–10 seconds) significantly reduces origin load for high‑traffic dynamic pages

1. HTTP/3 and QUIC now account for over 40% of CDN traffic-modern caching strategies must account for QUIC’s zero‑RTT resumption and multiplexed streams.
2. Multi‑tier caching (browser → CDN → mid‑tier → application → database) delivers better origin offload and more consistent performance than any single layer alone.
3. Microcaching (1–10 seconds) is highly effective for high‑traffic dynamic pages. It reduces origin load while maintaining near‑real‑time freshness.
4. stale-while-revalidate is a critical directive for modern caching, eliminating origin fetches on cache expiration.
5. Static assets with content hashes should have max-age=31536000, immutable.
6. Brotli compression provides better compression ratios than Gzip where supported and should be enabled alongside modern caching configurations.
7. Apache mod_cache requires mod_proxy for dynamic content caching-standalone mod_cache_disk alone is insufficient for API or dynamic responses.
8. Nginx keys_zone stores cache metadata at roughly 8KB per object-plan shared memory size accordingly.