Ako testovať cachovanie a CDN distribúciu obsahu

Príklad

Predstav si spravodajský portál alebo LMS systém, kde sa články, obrázky, videá a štýly načítavajú cez CDN sieť. Redaktor upraví titulný obrázok článku alebo opraví chybu v texte, ale časť používateľov stále vidí starú verziu obsahu. Iní používatelia už vidia novú verziu. Ďalší majú rozbitý layout, pretože sa načítal nový CSS súbor, ale starý JavaScript zostal v cache.

Používateľ následne nahlási:

• „Ja tam stále vidím starý obrázok.“
• „Na mobile je stránka rozbitá.“
• „Kolega vidí inú verziu článku.“
• „Po refreshi sa to opravilo.“

V praxi často nejde o chybu samotného obsahu, ale o:

• nesprávnu cache invalidáciu,
• problém s CDN uzlom,
• rozdiel medzi browser cache a server cache,
• oneskorenú synchronizáciu medzi edge servermi,
• zlé nastavenie hlavičiek (Cache-Control, ETag, Expires),
• alebo chýbajúce verzovanie statických súborov.

Ako otestovať

1. Aktualizácia obsahu po zmene

• Over, že po úprave článku sa používateľovi zobrazí nová verzia obsahu.
• Skontroluj, či sa zmena prejaví:
  • po refreshi stránky,
  • po otvorení v novom okne,
  • v anonymnom režime,
  • na inom zariadení.
• Over, či CDN neposkytuje starú verziu stránky.

2. Cache invalidácia

• Skontroluj, či sa po publikovaní vykoná invalidácia cache.
• Over:
  • purge konkrétnej stránky,
  • purge obrázkov,
  • purge CSS/JS súborov,
  • invalidáciu API odpovedí.
• Otestuj situáciu, keď invalidácia zlyhá alebo sa oneskorí.

3. Verziovanie statických súborov

• Over, že CSS a JavaScript používajú verziu alebo hash v URL.
• Skontroluj:
  • style.css?v=25
  • alebo hash názvy typu app.3f8a21.js
• Over, že po deployi sa načíta nový súbor a nie starý z browser cache.

4. Rozdiel medzi browser cache a CDN cache

• Otestuj:
  • hard refresh,
  • bežný refresh,
  • vymazanie browser cache,
  • anonymný režim.
• Porovnaj správanie:
  • Chrome,
  • Firefox,
  • Safari,
  • Edge.
• Over, či problém nevzniká len v jednej vrstve cachovania.

5. Distribúcia obsahu cez CDN

• Over načítanie obsahu z rôznych lokalít alebo VPN.
• Skontroluj:
  • obrázky,
  • videá,
  • PDF,
  • CSS/JS súbory,
  • API odpovede.
• Sleduj:
  • čas načítania,
  • chybové odpovede,
  • fallback na origin server.

6. HTTP hlavičky

• Skontroluj odpovede servera:
  • Cache-Control
  • ETag
  • Last-Modified
  • Expires
  • Age
• Over, či hlavičky zodpovedajú typu obsahu:
  • HTML stránky,
  • obrázky,
  • API,
  • statické súbory.

7. Rôzne typy obsahu

• Otestuj:
  • články,
  • obrázky,
  • videá,
  • podcasty,
  • PDF dokumenty.
• Over, že každý typ obsahu má správnu cache stratégiu.

8. Chybové scenáre

• Simuluj:
  • nedostupný CDN uzol,
  • timeout CDN,
  • pomalý edge server,
  • neplatný cache záznam.
• Over:
  • fallback mechanizmus,
  • zobrazenie chybovej stránky,
  • automatické obnovenie.

9. Personalizovaný obsah

• Over, že sa necachuje obsah používateľa:
  • meno,
  • profil,
  • nákupný košík,
  • progres v kurze.
• Skontroluj, že jeden používateľ nevidí dáta druhého používateľa kvôli nesprávnej cache.

10. Monitoring a logy

• Over:
  • cache hit/miss,
  • response time,
  • CDN logy,
  • počet invalidácií.
• Skontroluj monitoring po deployi novej verzie.