CDN
Také známo jako Content Delivery Network, Edge network, Edge síť
Stručně
Síť edge serverů, které servírují vaše soubory blízko uživatele — rozhodují cache hlavičky, purge když je potřeba.
CDN je kopie vašich statických souborů (a často i dynamických stránek) rozložená po datacentrech blízko uživatelů. Místo dotazu na origin server ve Frankfurtu mluví prohlížeč v Praze s edge serverem v Praze, který soubor už má. První návštěvník cache zahřeje, všichni další dostanou soubor v desítkách milisekund.
Cache hlavičky versus purge
Co edge udělá, určují hlavičky, které pošlete. Názvy souborů s hashem (/app.8f3a.js) se dají cachovat na rok: změníte soubor, změní se hash a invalidaci nepotřebujete. HTML má žít krátce — nejvýš minuty — aby se deploy projevil rychle. Když tenhle rozdíl nastavíte správně, purge skoro nepotřebujete.
Purge je ruční override: vymazání jedné URL nebo celého tagu ze všech edge serverů v řádu sekund. Něco stojí, může minout další vrstvy cache a je to špatný nástroj na problém, který jde vyřešit hlavičkami. Použijte ho na překlep v textu, ne jako hlavní strategii nasazení.
Proč to má smysl pro české uživatele
Českých uživatelů je málo, ale jsou rozptýlení: Praha, Brno, Ostrava, Bratislava a k tomu Češi v Berlíně, Londýně nebo Dublinu. Bez edge všichni cestují k jednomu originu — uživatel v Londýně nebo Sydney vidí mnohem horší stránku než vývojář v Brně a nikdo si toho nevšimne, protože tým testuje z jednoho místa.
Nejčastější viník jsou obrázky. Hlavní fotka o 1,8 MB servírovaná přímo z originu je do Prahy 1,5 s na dobrém připojení a mnohem horší na mobilních datech v zahraničí. Přes CDN s moderními formáty a správným zmenšením je to pár set kilobajtů kdekoliv — často to největší dostupné zlepšení, ještě před zásahem do kódu.
Zdroje
Související pojmy
Cachování
Uložení drahého výsledku, aby další požadavek stál skoro nic — silné a snadno nenápadně špatné.
Lighthouse
Nástroj pro audit v prohlížeči, který na jednom simulovaném běhu oboduje výkon, přístupnost a SEO — diagnóza, ne cíl.
Optimalizace obrázků
Moderní formáty, správná velikost pro každou obrazovku a pevné rozměry — obvykle nejrychlejší výhra na obsahu.