Kako deluje HTTP predpomnjenje z nespremenljivimi sredstvi in CDN?

Question

IT Interview Practice · Accepted Answer

HTTP predpomnjenje omogoča brskalnikom in CDN-jem, da ponovno uporabijo odziv, namesto da ga znova pridobijo, kar nadzira glava **`Cache-Control`**. Zmagovalni vzorec za spletne aplikacije: **imena datotek sredstev opremi s hash-om in jih predpomni za vedno; HTML pa naj ostane nepredpomnljiv.**

## Dvonivojska strategija

```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`** brskalniku pove, naj nikoli ne preverja veljavnosti — brez pogojne zahteve, celo ob ponovnem nalaganju. Varno, ker hash imena datoteke *je* različica; nova vsebina = nov URL.
- **`no-cache`** na HTML je zavajajoče poimenovan: pomeni »shrani ga, a pred uporabo preveri veljavnost« (304, če je nespremenjen), tako da uporabniki vedno dobijo HTML, ki se sklicuje na trenutne hash-e sredstev.

## Preverjanje veljavnosti in CDN

- **`ETag`** / `Last-Modified` omogočata poceni odzive `304 Not Modified`, ko `max-age` poteče.
- **CDN** predpomni na robnih vozliščih blizu uporabnikov. Uporabi `s-maxage` za deljeni CDN predpomnilnik in `stale-while-revalidate`, da takoj postrežeš zastarelo vsebino, medtem ko se v ozadju osvežuje:

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

## Pasti

- Predpomnjenje HTML z dolgim `max-age` → uporabniki obtičijo na starih različicah brez načina, da bi jih razveljavili.
- `immutable` na URL-jih brez hash-a → ne moreš poslati popravka.

## Zakaj je to pomembno

Predpomnjenje je najcenejša zmaga za zmogljivost — ponovne obiske spremeni v nič omrežnega stroška in razbremeni izvor. Vzorec hash-iranih nespremenljivih sredstev + HTML s preverjanjem veljavnosti je industrijski standard; pojasnjevanje, *zakaj* `no-cache` ≠ »ne predpomni«, kaže resnično globino.

Dvonivojska strategija

Preverjanje veljavnosti in CDN

Pasti

Zakaj je to pomembno

Povezana vprašanja