Πώς λειτουργεί το HTTP caching με immutable assets και ένα CDN;

Question

IT Interview Practice · Accepted Answer

Το HTTP caching επιτρέπει σε browsers και CDNs να επαναχρησιμοποιούν μια απόκριση αντί να την ξανακατεβάζουν, ελεγχόμενο από το header **`Cache-Control`**. Το νικηφόρο μοτίβο για web apps: **κάντε hash τα ονόματα αρχείων των assets σας και κάντε τα cache για πάντα· κρατήστε το HTML μη cacheable.**

## Η στρατηγική δύο επιπέδων

```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. Ασφαλές επειδή το hash του ονόματος αρχείου *είναι* η έκδοση· νέο περιεχόμενο = νέο URL.
- Το **`no-cache`** στο HTML έχει παραπλανητικό όνομα: σημαίνει "αποθήκευσέ το, αλλά κάνε revalidate πριν το χρησιμοποιήσεις" (ένα 304 αν δεν έχει αλλάξει), ώστε οι χρήστες να παίρνουν πάντα HTML που αναφέρεται στα τρέχοντα hashes των assets.

## Revalidation και το CDN

- Τα **`ETag`** / `Last-Modified` επιτρέπουν φθηνές αποκρίσεις `304 Not Modified` όταν λήξει το `max-age`.
- Ένα **CDN** κάνει cache σε edge nodes κοντά στους χρήστες. Χρησιμοποιήστε `s-maxage` για την κοινή cache του CDN και `stale-while-revalidate` για να σερβίρετε παρωχημένο περιεχόμενο άμεσα ενώ ανανεώνετε στο παρασκήνιο:

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

## Παγίδες

- Cache του HTML με μεγάλο `max-age` → οι χρήστες κολλάνε σε παλιές εκδόσεις χωρίς τρόπο να το ακυρώσουν.
- `immutable` σε μη hashed URLs → δεν μπορείτε να στείλετε μια διόρθωση.

## Γιατί έχει σημασία

Το caching είναι η φθηνότερη νίκη απόδοσης — μετατρέπει τις επαναλαμβανόμενες επισκέψεις σε μηδενικό κόστος δικτύου και ελαφρύνει το origin. Το μοτίβο hashed-immutable-asset + revalidated-HTML είναι το πρότυπο της βιομηχανίας· η εξήγηση του *γιατί* `no-cache` ≠ "μην κάνεις cache" σηματοδοτεί πραγματικό βάθος.

Η στρατηγική δύο επιπέδων

Revalidation και το CDN

Παγίδες

Γιατί έχει σημασία

Σχετικές ερωτήσεις