Vad är CDN? Leverera webbplatsen snabbt

01Varför behövs ett CDN?

När en webbsida öppnas begär webbläsaren tiotals filer från servern: HTML, CSS, JavaScript, typsnitt och bilder. Ju längre det fysiska avståndet är mellan server och besökare, desto längre tid tar varje förfrågan fram och tillbaka. En besökare som ansluter från Tyskland till en server i Istanbul och en besökare som ansluter från samma stad ser samma sida med olika hastighet.

Ett innehållsleveransnätverk kortar det avståndet. Kopior av filerna hålls kvar på platser nära besökaren, så förfrågan besvaras utan att göra en lång resa. Resultatet är kortare laddningstid och en smidigare upplevelse.

Hastighet är inte bara en komfortfråga. För Largest Contentful Paint (LCP), ett av Googles Core Web Vitals-mått, är den bra gränsen 2,5 sekunder. Att tunga bilder kommer snabbt från en närliggande punkt spelar en viktig roll för att klara den gränsen.

02Hur fungerar ett CDN?

Ett CDN består av edge-servrar (PoP, point of presence) som är utspridda över olika delar av världen. Webbplatsens egentliga server kallas ursprungsserver (origin). Besökarens förfrågan går via DNS eller anycast-routing till den edge-server som ligger närmast.

I den här strukturen är ursprungsservern fortfarande den enda riktiga källan; innehållet uppdateras alltid där. Edge-servrarna håller bara kopior och avgör hur länge en kopia är giltig utifrån instruktionerna från ursprungsservern. Att sätta upp ett CDN ändrar därför inte hur webbplatsen sköts.

1. Besökaren öppnar din sida; förfrågan styrs till närmaste edge-server
2. Om edge-servern har en kopia av filen skickar den den direkt (cacheträff)
3. Om kopia saknas eller har gått ut hämtar den filen från ursprungsservern (cachemiss)
4. Den sparar filen under den angivna tiden och levererar den därifrån till nästa besökare

03Vad är cache?

Cache (cache-minne) innebär att data som ofta efterfrågas lagras tillfälligt så att den inte behöver skapas från början varje gång. På webben fungerar cache i flera lager och CDN är bara ett av dem.

Vem bestämmer cachetiden?

Hur länge en fil ska sparas bestäms oftast av rubriken Cache-Control som servern skickar. För filer vars namn inte ändras används korta tider, för filer vars namn ändras med innehållet (till exempel stil.a1b2c3.css) används långa tider.

# CSS, JS och bilder vars namn ändras med versionen
Cache-Control: public, max-age=31536000, immutable

# HTML-sidor
Cache-Control: no-cache

Kontrollera cachen

Du kan se om en fil kommer från CDN genom att titta på svarsrubrikerna. Rubrikernas namn varierar mellan leverantörer; de flesta leverantörer visar träff eller miss i en separat rubrik.

curl -I https://www.ornek.com/assets/logo.webp

04Fördelarna med CDN

Om du tänker på att en stor del av besökarna kommer via mobilanslutning är varje vunnen millisekund värdefull. I kombination med en lätt sidstruktur och mobilanpassad design ger ett CDN en acceptabel upplevelse även vid dålig uppkoppling.

• Snabbare laddning: filerna kommer från en punkt nära besökaren
• Lägre serverbelastning: de flesta förfrågningar om statiska filer når aldrig ursprungsservern
• Tålighet mot trafikökningar: kampanjer och högsäsong hanteras lättare
• Extra skyddslager mot attacker: många CDN erbjuder skydd som filtrerar DDoS-attacker
• Inbyggda optimeringar: komprimering, moderna bildformat och stöd för HTTP/2 eller HTTP/3
• Innehåll i cachen kan levereras en tid även när en enskild server har problem

05Behöver varje webbplats ett CDN?

På en liten webbplats med få bilder där nästan alla besökare kommer från samma land som servern kan CDN:s bidrag till hastigheten bli begränsat. Men på webbplatser som har besökare från utlandet, mycket bilder eller plötsliga trafikvågor är skillnaden tydlig.

Turistbranschen är ett bra exempel: en hotell- eller resesajt visar stora gallerier för besökare från olika länder. I en e-handelsplattform med många produktbilder och trafik som fördubblas under kampanjer hjälper ett CDN också till att hindra att sidorna blir långsamma under belastning.

Webbaserade applikationer har en liknande bild. I skräddarsydda systemlösningar som bokning, order eller återförsäljarpanel levereras gränssnittets filer via CDN medan personliga data kommer direkt från applikationsservern. Den uppdelningen skyddar både hastighet och säkerhet; panelen öppnas snabbare första gången samtidigt som känsliga data aldrig hamnar i en delad cache.

Det sunda sättet att besluta är att mäta. Titta på webbplatsens besökargeografi i ditt analysverktyg och på sidhastigheten i verkliga användardata. Om en stor del av besökarna kommer från avlägsna regioner eller om bilderna utgör större delen av sidans vikt är ett CDN en stark kandidat.

06Att tänka på när du sätter upp ett CDN

Ett CDN sätts oftast upp på ett av två sätt: antingen överlåter du domänens DNS-hantering till CDN-leverantören eller så använder du en separat underdomän bara för statiska filer. Den stegvisa installationen av Cloudflare, ett populärt alternativ, har vi beskrivit i guiden så installerar du Cloudflare.

• Välj rätt SSL-läge; anslutningen mellan edge-servern och ursprungsservern ska också vara krypterad
• Cacha inte personliga sidor som inloggning, varukorg och betalning
• Ta reda på hur du rensar cachen (purge) när innehållet uppdateras
• Balansera lång cachetid mot behovet av uppdateringar genom att lägga versionsnummer i filnamnen
• Mät hastigheten före och efter installationen för att bekräfta den verkliga vinsten

DNS-ändring och flytt

När du ändrar DNS-poster tar det en kort stund innan domänens nya inställningar har spridits. Glöm inte att kontrollera att e-postposterna (MX, SPF) har förts över fullständigt. Vid en övergång som görs tillsammans med ett serverbyte ska stegen för att flytta webbhotell vara en del av samma plan.

07CDN och edge computing

CDN skapades först bara för att kopiera filer. I dag låter många leverantörer dig också köra små kodstycken på edge-servrarna: routningsregler, säkerhetskontroller och personalisering kan göras på den punkt som ligger närmast besökaren. Den samlade benämningen på det angreppssättet är edge computing; detaljerna har vi gått igenom i inlägget vad är edge computing.

Ur sökmotorernas perspektiv är hastighet och stabilitet också viktiga signaler. Som en del av en snabb och tekniskt ren struktur stöder ett CDN målet med SEO-anpassad webbdesign.