Miten HTTP-välimuisti toimii immutable-resurssien ja CDN:n kanssa?

Question

IT Interview Practice · Accepted Answer

HTTP-välimuisti antaa selainten ja CDN:ien uudelleenkäyttää vastauksen sen sijaan, että hakisivat sen uudelleen, ohjattuna **`Cache-Control`**-otsakkeella. Voittava malli web-sovelluksille: **hashaa resurssiesi tiedostonimet ja välimuistita ne ikuisesti; pidä HTML välimuistittamattomana.**

## Kaksitasoinen strategia

```http
# Hashatut, versioidut resurssit — sisältö ei koskaan muutu tietylle URL:lle
Cache-Control: public, max-age=31536000, immutable
# esim.  /static/app.9f2c1a.js   (hash muuttuu kun sisältö muuttuu)

# HTML — oltava aina tuore, jotta se voi osoittaa uusiin resurssihasheihin
Cache-Control: no-cache
```

- **`immutable`** kertoo selaimelle olla koskaan uudelleenvalidoimatta — ei ehdollista pyyntöä lainkaan, edes uudelleenlatauksessa. Turvallista, koska tiedostonimen hash *on* versio; uusi sisältö = uusi URL.
- **`no-cache`** HTML:ssä on harhaanjohtavasti nimetty: se tarkoittaa "tallenna se, mutta uudelleenvalidoi ennen käyttöä" (304 jos muuttumaton), joten käyttäjät saavat aina HTML:n, joka viittaa nykyisiin resurssihasheihin.

## Uudelleenvalidointi ja CDN

- **`ETag`** / `Last-Modified` mahdollistavat halvat `304 Not Modified` -vastaukset, kun `max-age` vanhenee.
- **CDN** välimuistittaa reunasolmuissa lähellä käyttäjiä. Käytä `s-maxage`ia jaetulle CDN-välimuistille ja `stale-while-revalidate`a tarjotaksesi vanhentunutta sisältöä välittömästi samalla kun päivität taustalla:

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

## Sudenkuopat

- HTML:n välimuistittaminen pitkällä `max-age`lla → käyttäjät jumissa vanhoissa versioissa ilman keinoa murtaa sitä.
- `immutable` ei-hashatuilla URL:eilla → et voi toimittaa korjausta.

## Miksi se on tärkeää

Välimuistitus on halvin suorituskykyvoitto — se muuttaa toistuvat käynnit nollaverkkoku­stannukseksi ja keventää alkuperää. Hashattu-immutable-resurssi + uudelleenvalidoitu-HTML -malli on alan standardi; sen selittäminen, *miksi* `no-cache` ≠ "älä välimuistita" osoittaa todellista syvyyttä.

Kaksitasoinen strategia

Uudelleenvalidointi ja CDN

Sudenkuopat

Miksi se on tärkeää

Aiheeseen liittyvät kysymykset