Čo je CDN? Siete na doručovanie obsahu jednoducho vysvetlené
CDN (content delivery network) je sieť serverov rozložených v mnohých mestách, ktoré uchovávajú kópie súborov vašej webovej stránky — obrázky, skripty, štýly a niekedy celé stránky. Keď niekto navštívi váš web, dostane obsah z miesta blízko seba namiesto z jedného vzdialeného servera. Stránky sa tak načítajú rýchlejšie, zníži sa záťaž vášho servera a web lepšie zvláda nápor návštevnosti.
Prečo na CDN záleží pri tvorbe s AI
Možno nikdy CDN nenastavíte sami — mnohé hostingové platformy dajú jedno pred váš web automaticky. Jeho účinky však pocítite:
- Rýchlosť. Rýchlejšie sa načítajúce stránky udržia návštevníkov a je to jedna z vecí, ktoré vyhľadávače zohľadňujú. Pozri ako zrýchliť svoju webovú stránku.
- „Prečo sa moja zmena nezobrazuje?“ Po publikovaní aktualizácie môže kópia starej verzie v cache chvíľu pretrvávať. Keď viete prečo, ušetríte veľa zmätku.
- Súkromie a správnosť. Ak CDN uloží niečo nesprávne — stránku s údajmi jedného používateľa — ďalší návštevník ju môže vidieť. Vedomosť o tom, čo sa má a nemá ukladať do cache, vám pomôže klásť správne otázky.
Každodenné prirovnanie
Predstavte si pekáreň, ktorá predáva chlieb po celej krajine z jedného obchodu. Každý zákazník, nech je ďaleko kdekoľvek, musí čakať na doručenie z tohto jediného obchodu — a v rušný deň je front obrovský.
CDN je ako keby ten istý chlieb ležal v miestnych obchodíkoch po celej krajine. Zákazníci si ho vyzdvihnú blízko domova, rýchlo, a hlavná pekáreň musí len občas dopĺňať obchodíky. Háčik: keď pekáreň zmení recept, obchodíky predávajú staré bochníky, kým ich nepoučia, aby ich nahradili, alebo kým im nevyprší čas.
Ako CDN funguje
- Váš pôvod. Váš web žije na hlavnom serveri alebo hostingovej platforme — nazýva sa origin.
- Edge lokality. CDN prevádzkuje servery na mnohých miestach, nazývaných edge lokality alebo points of presence.
- Smerovanie. Keď návštevník požiada o váš web, DNS alebo sieťové smerovanie ho pošle na najbližší edge. Pozri ako fungujú domény a DNS.
- Zásah v cache. Ak má tento edge čerstvú kópiu súboru, okamžite ju pošle.
- Netrafenie v cache. Ak nie, edge ho stiahne z vášho originu, pošle návštevníkovi a uchová kópiu pre ďalšieho človeka.
- Expirácia. Každá kópia sa uchováva nastavený čas, riadený hlavičkami cache, ktoré posiela váš server, alebo kým nie je vymazaná.
Praktický príklad: portfólio fotografa
Portfólio fotografa má domovskú stránku, galériu so 60 veľkými obrázkami a kontaktný formulár. Origin je v Európe. Návštevník zo Singapuru otvorí galériu.
- Bez CDN: každý obrázok putuje z Európy. Každá požiadavka prejde cez celý svet, takže sa galéria načítava pomaly.
- S CDN: prvý návštevník blízko Singapuru spôsobí, že edge tam obrázky stiahne a uloží. Každý ďalší návštevník v regióne ich dostane z blízka, oveľa rýchlejšie.
Teraz fotograf vymení hlavnú fotku na domovskej stránke a publikuje znovu. Tu je, čo rozhodne o tom, či ju návštevníci uvidia:
/index.html → krátky čas v cache, kontroluje sa často
/assets/index-3f9a2c.js → dlho v cache
/assets/hero-8b41d0.jpg → dlho v cache
Moderné nástroje na zostavovanie, vrátane Vite, dávajú súborom hashované názvy ako hero-8b41d0.jpg. Keď sa súbor zmení, zmení sa aj jeho názov, takže stránka žiada úplne nový súbor, ktorý žiadna cache ešte nevidela. Samotná HTML stránka sa ukladá do cache len krátko, takže rýchlo ukáže návštevníkom na nové súbory. Toto je štandardný spôsob, ako dosiahnuť dlhé ukladanie do cache aj čerstvé aktualizácie.
Kontaktný formulár je iný. Jeho odoslania idú na server zakaždým a nikdy by sa nemali ukladať do cache.
Čo ukladať do cache a čo nie
| Zvyčajne ukladať dlho | Zvyčajne ukladať krátko | V zdieľanom CDN neukladať |
|---|---|---|
| Obrázky, fonty, videá | HTML stránky verejného webu | Stránky pre prihlásených, dashboardy |
| JavaScript a CSS s hashovanými názvami | Verejné dáta API, ktoré sa občas menia | Čokoľvek s osobnými údajmi |
| Stiahnuteľné súbory, ktoré sa zriedka menia | Odoslania formulárov, platby, každá požiadavka POST |
Kľúčové pojmy
| Pojem | Význam |
|---|---|
| Origin | Váš hlavný server alebo hosting, kde žijú skutočné súbory. |
| Edge / PoP | Miesto CDN, ktoré obsluhuje návštevníkov v okolí. |
| Zásah / netrafenie v cache | Edge mal súbor / musel ho stiahnuť z originu. |
| TTL | Time to live — ako dlho sa kópia uchováva. |
| Hlavička Cache-Control | Pokyn od vášho servera, či a ako dlho sa niečo môže ukladať do cache. |
| Purge / invalidácia | Pokyn CDN, aby okamžite zahodilo uložené kópie. |
| Cache busting | Zmena názvu alebo URL súboru pri zmene, aby cache načítala nový. |
| Latencia | Oneskorenie spôsobené vzdialenosťou a sieťovými skokmi. |
O cachovaní všeobecnejšie — v prehliadačoch, serveroch a databázach — pozri čo je caching.
Časté mylné predstavy
- „CDN urobí všetko rýchlejším.“ Zrýchľuje doručovanie súborov. Pomalý databázový dotaz alebo pomalé volanie AI na vašom serveri je stále pomalé.
- „CDN nahrádza hosting.“ Sedí pred vaším hostingom. Stále potrebujete origin.
- „Ak som web aktualizoval, všetci ho hneď vidia.“ Staré kópie môžu krátko pretrvávať v CDN aj v prehliadačoch. Na kontrolu použite tvrdé obnovenie a hashované názvy súborov.
- „Cachovanie je vždy bezpečné.“ Ukladanie personalizovanej stránky do zdieľanej cache je reálne riziko pre súkromie. Súkromné odpovede by mali byť označené ako neukladateľné.
- „CDN sú len pre veľké firmy.“ Mnohé hostingy ich pre malé weby zahŕňajú bez ďalšieho úsilia.
Čo sa opýtať svojho tvorcu s AI
- „Je pred týmto webom CDN? Ktoré súbory ukladá do cache a na ako dlho?“
- „Zabezpeč, aby zostavený JavaScript, CSS a obrázky mali hashované názvy a dlhé časy v cache, a HTML krátky.“
- „Nikdy neukladaj do zdieľanej cache stránky pre prihlásených ani odpovede API s osobnými údajmi.“
- „Skomprimuj a zmenši obrázky, aby sa galéria načítala rýchlo.“
- „Publikoval som aktualizáciu, ale stále vidím starú verziu — je to cache prehliadača, alebo CDN?“
CDN a Mythex
Keď publikujete v Mythexe, statické frontendy sa nasadzujú ako statické weby a v dokumentácii sa uvádza, že cache CDN môže po aktualizácii krátko zaostávať: ak po opätovnom publikovaní stále vidíte starú verziu, urobte tvrdé obnovenie verejnej URL. Na tomto nie je nič nastavovať. Ak pripojíte vlastnú doménu, ktorej DNS je na Cloudflare, dokumentácia žiada nastaviť záznam na „DNS only“ namiesto proxy, aby Mythex mohol správne vystaviť HTTPS. Pozrite ako publikovať a vlastné domény v dokumentácii a náš sprievodca webhostingom.
Otázky
Čo je CDN jednoducho povedané?
CDN (content delivery network) je sieť serverov na mnohých miestach, ktoré uchovávajú kópie súborov vašej webovej stránky. Návštevníci dostanú obsah z miesta blízko nich namiesto z hlavného servera, takže sa stránky načítajú rýchlejšie a váš server robí menej práce.
Prečo po aktualizácii webu stále vidím starú verziu?
Zvyčajne preto, že kópia starého súboru je uložená v cache — v CDN, vo vašom prehliadači alebo v oboch. Tvrdé obnovenie stránky rieši stranu prehliadača; kópie v CDN vypršia samé alebo sa dajú vymazať. Nástroje na zostavovanie väčšinu tohto problému odstraňujú tým, že zmenené súbory dostanú nové názvy.
Potrebujem CDN pre malú webovú stránku?
Často ju máte bez toho, aby ste si ju vybrali, pretože mnohé hostingové platformy dávajú CDN pred weby automaticky. Ak vaša nie je a vaši návštevníci sú rozptýlení po krajinách, pridanie CDN býva užitočné.
Môže CDN ukladať do cache dáta mojej aplikácie a stránky pre prihlásených používateľov?
Môže ukladať čokoľvek, na čo má povolenie, preto sa musí nastaviť opatrne. Verejné súbory ako obrázky, skripty a štýly sú ideálne. Osobný obsah alebo obsah prihláseného používateľa by sa v zdieľanom CDN bežne nemal ukladať do cache, inak by jeden používateľ mohol vidieť údaje iného.