Vad är ett CDN? Content delivery networks förklarade enkelt

Ett CDN (content delivery network) är ett nätverk av servrar spridda över många städer som håller kopior av din webbplats filer: bilder, skript, stilmallar och ibland hela sidor. När någon besöker din sida får de innehållet från en plats nära dem i stället för från en avlägsen server. Det gör sidorna snabbare att ladda, avlastar din egen server och hjälper sidan att klara trafiktoppar.

Varför CDN spelar roll när du bygger med AI

Du kanske aldrig sätter upp ett CDN själv, eftersom många hostingplattformar lägger ett framför din sida automatiskt. Men du märker effekterna:

Hastighet. Snabbare laddande sidor håller kvar besökare, och är en av sakerna sökmotorer tar hänsyn till. Se hur du gör din webbplats snabbare.
“Varför syns inte min ändring?” Efter att du publicerat en uppdatering kan en cachad kopia av den gamla versionen finnas kvar en stund. Att veta varför sparar mycket förvirring.
Integritet och korrekthet. Om ett CDN cachar fel sak, till exempel en sida med en användares uppgifter, kan nästa besökare se den. Att veta vad som bör och inte bör cachas hjälper dig att ställa rätt frågor.

En vardaglig jämförelse

Tänk dig ett bageri som säljer sitt bröd över hela landet från en enda butik. Varje kund, hur långt bort den än bor, måste vänta på leverans från den enda butiken, och på en rusig dag blir kön enorm.

Ett CDN är som att lägga samma bröd i lokala närbutiker över hela landet. Kunderna hämtar det i närheten, snabbt, och huvudbageriet behöver bara fylla på närbutikerna ibland. Haken: när bageriet ändrar receptet säljer närbutikerna fortfarande de gamla bröden tills de får besked om att byta dem, eller tills det gamla lagret går ut.

Så fungerar ett CDN

Din origin. Din webbplats finns på din huvudserver eller hostingplattform, kallad origin.
Edge-platser. CDN:et kör servrar på många platser, kallade edge-platser eller points of presence.
Routing. När en besökare begär din sida skickar DNS eller nätverksrouting dem till en närliggande edge. Se hur domäner och DNS fungerar.
Cache-träff. Om den edgen redan har en färsk kopia av filen skickas den direkt.
Cache-miss. Om inte, hämtar edgen filen från din origin, skickar den till besökaren och sparar en kopia till nästa person.
Utgång. Varje kopia sparas under en viss tid, styrd av cache-headers som din server skickar, eller tills den rensas.

Ett genomgånget exempel: en portfolio med foton

En fotografs portfolio har en startsida, ett galleri med 60 stora bilder och ett kontaktformulär. Origin står i Europa. En besökare i Singapore öppnar galleriet.

Utan CDN: varje bild reser från Europa. Varje förfrågan tar en resa runt jorden, så galleriet fylls långsamt.
Med CDN: den första besökaren nära Singapore gör att edgen där hämtar och lagrar bilderna. Alla senare besökare i regionen får dem från närheten, mycket snabbare.

Nu byter fotografen startsidans huvudbild och publicerar om. Det här avgör om besökarna ser den nya:

/index.html                    → kort cachetid, kontrolleras ofta
/assets/index-3f9a2c.js        → cachas länge
/assets/hero-8b41d0.jpg        → cachas länge

Moderna byggverktyg, inklusive Vite, ger filer hashade namn som hero-8b41d0.jpg. När en fil ändras ändras dess namn, så sidan begär en helt ny fil som ingen cache har sett. HTML-sidan självt cachas bara kort, så den snart pekar besökarna mot de nya filerna. Det är standardsättet att få både lång cachning och färska uppdateringar.

Kontaktformuläret är annorlunda. Dess inskick går till servern varje gång och ska aldrig cachas.

Vad som ska cachas och vad inte

Brukar cachas länge	Brukar cachas kort	Cachas inte i ett delat CDN
Bilder, typsnitt, videor	HTML-sidor på en publik webbplats	Inloggade sidor, instrumentpaneler
JavaScript och CSS med hashade namn	Publik API-data som ändras ibland	Allt med personuppgifter
Nedladdningsbara filer som sällan ändras		Formulärinskick, betalningar, alla `POST`-förfrågningar

Viktiga begrepp

Begrepp	Betydelse
Origin	Din huvudserver eller host, där de riktiga filerna finns.
Edge / PoP	En CDN-plats som betjänar besökare i närheten.
Cache-träff / miss	Edgen hade filen / var tvungen att hämta den från origin.
TTL	Time to live: hur länge en cachad kopia sparas.
Cache-Control-header	Instruktionen din server skickar om att något får cachas och hur länge.
Rensa / invalidera	Att be CDN:et kasta cachade kopior nu.
Cache busting	Att ändra en fils namn eller URL när den ändras, så att cacheminnen hämtar den nya.
Latens	Fördröjningen som orsakas av avstånd och nätverkshopp.

För cachning mer generellt, i webbläsare, servrar och databaser, se vad cachning är.

Vanliga missuppfattningar

“Ett CDN gör allt snabbare.” Det snabbar upp leveransen av filer. En långsam databasfråga eller ett långsamt AI-anrop på din server är fortfarande långsamt.
“Ett CDN ersätter hosting.” Det sitter framför din hosting. Du behöver fortfarande en origin.
“Om jag uppdaterat sidan ser alla den direkt.” Gamla kopior kan dröja kvar en kort stund i CDN:et och i webbläsare. Gör en hård omladdning för att kontrollera, och använd hashade filnamn.
“Cachning är alltid säkert.” Att cachelagra en personanpassad sida i en delad cache är en verklig integritetsrisk. Privata svar bör markeras som icke cachebara.
“CDN är bara för stora företag.” Många hostar inkluderar ett för små sidor utan extra ansträngning.

Vad du ska fråga din AI-byggare

“Finns det ett CDN framför den här sidan? Vilka filer cachar det, och hur länge?”
“Se till att byggd JavaScript, CSS och bilder har hashade filnamn och långa cachetider, och att HTML har en kort.”
“Cachelagra aldrig inloggade sidor eller API-svar med personuppgifter i en delad cache.”
“Komprimera och ändra storlek på bilder så att galleriet laddas snabbt.”
“Jag publicerade en uppdatering men ser fortfarande den gamla versionen. Är det webbläsarens cache eller CDN:et?”

CDN och Mythex

När du publicerar på Mythex distribueras statiska frontends som statiska sajter, och dokumentationen noterar att CDN-cacher kan släpa en kort stund efter en uppdatering: om du fortfarande ser en gammal version efter att du publicerat om, gör en hård omladdning av den publika URL:en. Där finns inget att konfigurera. Om du kopplar en egen domän vars DNS ligger hos Cloudflare, ber dokumentationen dig ställa posten på “DNS only” i stället för proxad, så att Mythex kan utfärda HTTPS korrekt. Se hur du publicerar och egna domäner i dokumentationen, samt vår guide till webbhosting.

Frågor

Vad är ett CDN i enkla termer?

Ett CDN (content delivery network) är ett nätverk av servrar på många platser som håller kopior av din webbplats filer. Besökare får innehållet från en plats nära dem i stället för från din huvudserver, så sidorna laddas snabbare och din server får mindre att göra.

Varför ser jag fortfarande den gamla versionen av min webbplats efter en uppdatering?

Oftast för att en kopia av den gamla filen ligger i cache, i CDN:et, i din webbläsare eller i båda. En hård omladdning åtgärdar webbläsarsidan. CDN-kopior upphör att gälla av sig själva eller kan rensas. Byggverktyg undviker det mesta genom att ge ändrade filer nya namn.

Behöver jag ett CDN för en liten webbplats?

Du har ofta ett utan att ha valt det, eftersom många hostingplattformar lägger ett CDN framför webbplatser automatiskt. Om din inte har det och dina besökare finns spridda över flera länder är det oftast värt att lägga till ett.

Kan ett CDN cachelagra min apps data och inloggade sidor?

Det kan cachelagra allt det får, vilket är skälet till att det måste konfigureras noggrant. Publika filer som bilder, skript och stilmallar är idealiska. Personligt innehåll eller inloggade sidor bör normalt inte cachas i ett delat CDN, eftersom en användare då kan se en annan användares data.