CDN og ytelse i 2026

Hva er CDN?

Content Delivery Network er et globalt nettverk av servere som cacher (mellomlagrer) og leverer statisk innhold — bilder, CSS, JavaScript, videoer — fra nærmeste fysiske lokasjon til brukeren. Uten CDN må alle brukere hente filer fra én server, kanskje tusenvis av kilometer unna. Med CDN henter de fra noden i samme by.

CDN-leverandører 2026

Cloudflare — mye brukt

Gratis for de fleste use cases. Pro 200 kr/mnd legger til Image Resizing, Mobile Redirect og bedre WAF. 330+ edge-lokasjoner, automatisk bildeoptimalisering, DDoS-beskyttelse inkludert.

Fastly

Fokus på enterprise og medier. Bedre cache-kontroll enn Cloudflare, men dyrere og mer kompleks. Brukes av New York Times, GitHub, Shopify.

AWS CloudFront

Integrert med AWS-økosystemet. Bedre for team som allerede er i AWS. 23 kr/GB transfer i Europa. Dyrere enn Cloudflare ved skala.

Bunny CDN

Rimelig alternativ. 0,005 usd/GB i EU. For mindre prosjekter som vil spare penger.

Plattformer med innebygd CDN

Disse trenger ikke separat CDN-oppsett:

• Vercel: Egen edge-nettverk (30+ regioner)
• Netlify: Egen CDN
• Cloudflare Pages: Full Cloudflare-stack (330+ noder)
• Fly.io: 35+ regioner
• AWS Amplify: CloudFront inkludert

Når trenger du separat CDN?

Først og fremst hvis du bruker klassisk hosting: Hetzner VPS, DigitalOcean Droplets, shared hosting (One.com, Domeneshop). Også hvis du har managed WordPress og trenger ekstra performance-lag.

Oppsett av Cloudflare foran VPS

1. Opprett Cloudflare-konto (gratis)
2. Legg til domenet — Cloudflare skanner DNS
3. Bytt nameservere hos Domeneshop til Cloudflares
4. Vent på propagering (5 min - 24 timer)
5. Aktiver "Proxy" (oransje sky) på A-post for domenet

Dette gir automatisk: SSL, DDoS-beskyttelse, global CDN, minify, Brotli-kompresjon, HTTP/3. Alt gratis.

Bildeoptimalisering

Bilder er typisk 50-80 prosent av størrelsen på en nettside. Optimalisering gir dramatiske ytelsesforbedringer.

Moderne formater

• WebP: 25-35 prosent mindre enn JPEG, støttes av alle moderne nettlesere
• AVIF: 50 prosent mindre enn JPEG, beste komprimering, støttet i 2026
• Responsive images: srcset og sizes for riktig størrelse per enhet

Cloudflare Polish

Automatisk konvertering til WebP/AVIF. Inkludert i Pro-plan. Ingen kode-endringer nødvendig.

Cloudflare Image Resizing

On-the-fly-resizing og optimalisering. URL-basert: /cdn-cgi/image/width=800,quality=80/hoved-bilde.jpg. Pro-plan.

Next.js Image-komponent

// Automatisk optimalisering, lazy loading, responsive
import Image from 'next/image';

<Image
  src="/hero.jpg"
  alt="Hero"
  width={1200}
  height={600}
  priority
/>

Cache-strategi

Cache betyr: "hvor lenge skal noden lagre denne filen før den henter ny kopi?".

Cache-headers

# Statiske assets (JS, CSS, bilder) — cache for evig
Cache-Control: public, max-age=31536000, immutable

# HTML-sider — cache kort
Cache-Control: public, max-age=0, must-revalidate

# API-svar (varierer)
Cache-Control: private, max-age=300

# Svar som aldri skal caches
Cache-Control: no-store

Cache busting

Legg til hash i filnavnet: styles.a8b2c9.css. Når filen endres, får hash-verdien ny, og nettleseren henter ny versjon. Alle moderne build-verktøy gjør dette automatisk.

HTTP/3 og QUIC

HTTP/3 er standarden i 2026. Bygget på QUIC (UDP-basert), med flere fordeler:

• Raskere tilkoblingsetablering (0-RTT)
• Bedre håndtering av pakketap
• Connection migration (bytt WiFi uten å miste forbindelsen)

Cloudflare, Fastly og alle moderne hosting-plattformer støtter HTTP/3 ut av boksen.

Core Web Vitals

Google måler tre nøkkelmetrikker for brukeropplevelse:

• LCP (Largest Contentful Paint): under 2,5 s — når hovedinnholdet er synlig
• INP (Interaction to Next Paint): under 200 ms — responstid på klikk/tastetrykk
• CLS (Cumulative Layout Shift): under 0,1 — hvor mye layout hopper

CDN og bildeoptimalisering forbedrer særlig LCP. INP krever rask JavaScript, CLS krever riktige bilde-dimensjoner.

Måleverktøy

• PageSpeed Insights: pagespeed.web.dev — Googles offisielle
• WebPageTest: webpagetest.org — detaljert waterfall
• Chrome DevTools Lighthouse: F12 → Lighthouse
• Vercel Speed Insights: Real-user monitoring på Vercel-hostede sider

Beste praksis

1. Hold TTFB under 200 ms (ideelt under 100 ms)
2. Komprimer alle bilder til WebP eller AVIF
3. Bruk Cloudflare foran VPS-hosting
4. Cache statiske assets i 1 år med content hash
5. Aktiver HTTP/3 og Brotli-kompresjon
6. Monitor Core Web Vitals månedlig
7. Unngå tredjeparts JavaScript i unødvendig grad