immutable assets और एक CDN के साथ HTTP caching कैसे काम करती है?

Question

IT Interview Practice · Accepted Answer

HTTP caching browsers और CDNs को एक response को फिर से fetch करने के बजाय पुन: उपयोग करने देती है, जो **`Cache-Control`** header द्वारा नियंत्रित होती है। web apps के लिए विजयी pattern: **अपने asset filenames को hash करें और उन्हें हमेशा के लिए cache करें; HTML को uncacheable रखें।**

## दो-स्तरीय रणनीति

```http
# Hashed, versioned assets — content never changes for a given URL
Cache-Control: public, max-age=31536000, immutable
# e.g.  /static/app.9f2c1a.js   (the hash changes when content changes)

# HTML — must always be fresh so it can point at new asset hashes
Cache-Control: no-cache
```

- **`immutable`** browser को कभी revalidate न करने के लिए कहता है — कोई conditional request नहीं, reload पर भी नहीं। यह safe है क्योंकि filename hash *ही* version है; नया content = नया URL।
- HTML पर **`no-cache`** भ्रामक रूप से नामित है: इसका मतलब है "इसे store करो, लेकिन उपयोग करने से पहले revalidate करो" (यदि अपरिवर्तित तो एक 304), ताकि users को हमेशा ऐसा HTML मिले जो वर्तमान asset hashes को reference करता हो।

## Revalidation और CDN

- **`ETag`** / `Last-Modified` `max-age` समाप्त होने पर सस्ते `304 Not Modified` responses सक्षम करते हैं।
- एक **CDN** users के पास edge nodes पर cache करता है। shared CDN cache के लिए `s-maxage` और background में refresh करते हुए बासी content को तुरंत serve करने के लिए `stale-while-revalidate` का उपयोग करें:

```http
Cache-Control: public, s-maxage=600, stale-while-revalidate=86400
```

## सावधानियाँ

- HTML को एक लंबे `max-age` के साथ cache करना → users पुराने versions पर फँस जाते हैं जिन्हें bust करने का कोई तरीका नहीं होता।
- non-hashed URLs पर `immutable` → आप एक fix ship नहीं कर सकते।

## यह क्यों महत्वपूर्ण है

Caching सबसे सस्ती performance जीत है — यह बार-बार की visits को शून्य network लागत में बदल देती है और origin से भार हटा देती है। hashed-immutable-asset + revalidated-HTML pattern उद्योग मानक है; यह समझाना कि `no-cache` का मतलब "cache मत करो" *नहीं* है, वास्तविक गहराई का संकेत देता है।

दो-स्तरीय रणनीति

Revalidation और CDN

सावधानियाँ

यह क्यों महत्वपूर्ण है

संबंधित प्रश्न