immutable asset અને CDN સાથે HTTP caching કેવી રીતે કામ કરે છે?

Question

IT Interview Practice · Accepted Answer

HTTP caching browser અને CDN ને response ને ફરી fetch કરવાને બદલે ફરી વાપરવા દે છે, જે **`Cache-Control`** header દ્વારા નિયંત્રિત થાય છે. Web app માટe જીતતી pattern: **તમારા asset filename ને hash કરો અને તેમને હંમેશ માટે cache કરો; HTML ને uncacheable રાખો.**

## બે-સ્તરની strategy

```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 ન કરવા કહે છે — reload પર પણ કોઈ conditional request નહીં. સુરક્ષિત છે કારણ કે filename hash *એ જ* version છે; નવું content = નવું URL.
- HTML પર **`no-cache`** ભ્રામક રીતે નામ ધરાવે છે: તેનો અર્થ છે "તેને store કરો, પણ વાપરતા પહેલાં revalidate કરો" (બદલાયું ન હોય તો 304), જેથી user ને હંમેશા વર્તમાન asset hash ને reference કરતું HTML મળે.

## Revalidation અને CDN

- **`ETag`** / `Last-Modified` `max-age` સમાપ્ત થાય ત્યારે સસ્તા `304 Not Modified` response શક્ય કરે છે.
- **CDN** user ની નજીકના edge node પર cache કરે છે. shared CDN cache માટe `s-maxage` વાપરો અને background માં refresh કરતાં stale content તરત serve કરવા `stale-while-revalidate`:

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

## મુશ્કેલીઓ

- HTML ને લાંબા `max-age` સાથે cache કરવું → user જૂના version પર અટવાય અને તેને bust કરવાનો કોઈ રસ્તો નહીં.
- non-hashed URL પર `immutable` → તમે fix ship કરી શકતા નથી.

## આ શા માટે મહત્વનું છે

Caching એ સૌથી સસ્તી performance જીત છે — તે repeat visit ને શૂન્ય network cost માં ફેરવે છે અને origin નો ભાર ઉતારે છે. hashed-immutable-asset + revalidated-HTML pattern એ industry standard છે; `no-cache` ≠ "cache ન કરો" એ *શા માટે* છે તે સમજાવવું ખરી ઊંડાણ સૂચવે છે.

બે-સ્તરની strategy

Revalidation અને CDN

મુશ્કેલીઓ

આ શા માટે મહત્વનું છે

સંબંધિત પ્રશ્નો