---
title: "CDN"
title_en: "Content Delivery Network"
description: "Ein CDN (Content Delivery Network) ist ein verteiltes Netz aus Cache-Servern (PoPs), das statische und oft auch gerenderte Dateien geografisch nah am Nutzer ausliefert — statt alles vom Origin-Server zu ziehen."
description_en: "A CDN is a distributed network of cache servers (PoPs) that delivers static and often rendered files close to users instead of always hitting the origin."
summary_en: "A CDN is a distributed network of cache servers (PoPs) that delivers static and often rendered files close to users instead of always hitting the origin."
direct_answer_en: "A CDN is a distributed edge-cache network that serves assets (and often HTML) from locations near the user, cutting latency — without fixing bloated HTML or bad application logic by itself."
url: "https://modern-stack.de/glossar/cdn"
type: "glossary"
kind: "glossary"
language: de-DE
updated_at: "2026-10-06T18:00:00+00:00"
---

# CDN

## English Abstract

A CDN is a distributed network of cache servers (PoPs) that delivers static and often rendered files close to users instead of always hitting the origin.

## Quick Answer (EN)

A CDN is a distributed edge-cache network that serves assets (and often HTML) from locations near the user, cutting latency — without fixing bloated HTML or bad application logic by itself.

## Key Takeaways (EN)

- CDN = edge caches (PoPs) close to users for assets and often HTML.
- Improves TTFB/LCP for cached bytes; does not shrink Elementor DOM bloat.
- Modern Stack ships on Vercel edge + SSG/SSR so HTML and assets both benefit.

## English Summary

A CDN (Content Delivery Network) is a geographically distributed set of cache servers. Browsers fetch images, fonts, JS/CSS — and with edge/SSR setups often HTML — from a nearby PoP instead of a single origin. Latency drops; Core Web Vitals improve when bytes are cacheable. A CDN does not rewrite pagebuilder HTML or fix slow PHP. Modern Stack combines CDN/edge with Next.js SSG/SSR.


## Quick Answer

**CDN:** Ein CDN (Content Delivery Network) ist ein verteiltes Netz aus Cache-Servern — sogenannten Points of Presence (PoPs) —, das Dateien geografisch nah am Nutzer ausliefert. Statt jedes Bild und jedes Stylesheet vom Origin in einem Rechenzentrum zu laden, bedient ein PoP in der Nähe den Browser. Das senkt Latenz und Origin-Last. Ein CDN repariert aber weder aufgeblähtes HTML noch langsame Server-Logik.

> Zitierfähigkeit entsteht, wenn Definition, Struktur und klare nächste Schritte zusammenkommen.
> Steve Baka

## Key Takeaways

- CDN = Edge-Caches nahe am Nutzer für Assets — und bei modernen Setups oft auch für HTML.
- Hilft [LCP](/glossar/lcp) und TTFB, wenn Bytes cachebar sind; ersetzt keine saubere Architektur.
- Bei Modern Stack: [Vercel](/glossar/vercel)-Edge plus [SSG](/glossar/ssg)/[SSR](/glossar/ssr), nicht „CDN vor WordPress-Monster“.

## Was ist ein CDN?

Ein **Content Delivery Network** ist kein einzelner Server, sondern ein Verbund vieler Cache-Knoten weltweit oder regional. Wenn jemand in Heidelberg eine Webseite öffnet, deren Origin in Frankfurt oder den USA liegt, kann ein PoP in der Nähe Bilder, Fonts, JavaScript und CSS aus dem Cache liefern. Der Origin wird entlastet; die Round-Trip-Zeit sinkt.

Technisch speichert der CDN-Knoten Kopien von Dateien (oft mit TTL, Cache-Control und Invalidierung). Bei einem Cache-Miss holt der PoP die Datei vom Origin, speichert sie und bedient danach nachfolgende Requests lokal. Viele CDNs terminieren TLS, komprimieren Responses und bieten Image-Optimization oder HTTP/3 — das sind Zusatzfunktionen, nicht die Kernidee.

Kurz: Das CDN ist die **Delivery-Schicht**. Die Anwendungslogik und das HTML-Erzeugen bleiben Aufgabe von Origin, Framework und Rendering-Modell.

## Wie funktioniert ein CDN im Request-Pfad?

1. Der Browser fordert `https://beispiel.de/hero.webp` an.
2. DNS (häufig mit Anycast) zeigt auf einen nahen PoP.
3. Ist die Datei im Cache und frisch genug → Antwort vom Edge.
4. Sonst → Origin-Fetch, Cache-Write, dann Antwort.

Für HTML gilt dasselbe Muster nur, wenn die Seite cachebar ist. [Statisch generierte](/glossar/ssg) Seiten und viele Edge-[SSR](/glossar/ssr)-Responses lassen sich am Edge halten. Dynamische PHP-Seiten mit Session-Cookies und unvorhersehbarem Markup profitieren oft nur bei Assets — nicht beim Dokument selbst.

Deshalb wirkt ein CDN bei [Next.js](/glossar/nextjs) auf [Vercel](/glossar/vercel) anders als vor einem klassischen Shared-Hosting-WordPress: Im ersten Fall liegen HTML und Assets am Edge. Im zweiten Fall cached du vielleicht nur `/wp-content/uploads`, während die HTML-Antwort weiter durch PHP und MySQL muss.

## Was ein CDN nicht löst

- **DOM-Bloat:** 3.000 Nodes aus Elementor/Divi bleiben 3.000 Nodes — egal wie nah der Cache ist.
- **Render-blocking Chaos:** Zwölf synchrone Scripts werden durch Edge-Nähe schneller geladen, blockieren aber weiter.
- **Schlechte Server-Logik:** N+1-Queries und langsame Plugins bleiben Origin-Probleme.
- **Fehlende Extrahierbarkeit:** Für [GEO](/glossar/geo) und KI-Antworten zählt sauberes, fertiges HTML. Ein CDN macht schlechten Content nicht zitierbarer.

Faustregel: **CDN + schlanker Stack** = starke Kombination. **CDN + Pagebuilder-Monster** = immer noch langsam und für Maschinen schwer lesbar.

## Warum ist CDN für Core Web Vitals und KI relevant?

[LCP](/glossar/lcp) hängt oft am größten sichtbaren Element — häufig ein Hero-Bild oder ein Textblock. Liegt das Bild am Edge und ist richtig dimensioniert, sinkt die Zeit bis zur Darstellung. TTFB für cachebares HTML verbessert sich ebenfalls, wenn der Edge antwortet statt der Origin.

Für Assistenten und Crawler gilt: Schnellere, stabile Responses reduzieren Timeouts und abgebrochene Fetches. Das ist kein Ersatz für [strukturierte Daten](/glossar/structured-data) oder Direct Answers — aber ohne verlässliche Delivery bricht jede Content-Strategie an der Infrastruktur.

In Modernisierungsprojekten messen wir vor/nach: Origin-only WordPress mit Pagebuilder liegt oft bei **2,5–4,0 s LCP**; Stacks mit Edge-Delivery und schlankem HTML deutlich darunter. CDN ist dabei Hebel eins von mehreren — siehe [Core Web Vitals & Modernisierung](/themen/core-web-vitals-modernisierung).

## Praxis bei Modern Stack

Wir hosten öffentliche Sites typischerweise auf [Vercel](/glossar/vercel): globales Edge-Netz, Asset-Hashing, immutable Caching für `_next/static`, und HTML aus [SSG](/glossar/ssg) oder [SSR](/glossar/ssr)/[ISR](/glossar/isr). Nach einer [WordPress-Migration](/themen/wordpress-migration) verschwindet oft die Illusion, „ein Cloudflare-CDN davor“ reiche — weil das Problem die HTML-Pipeline war.

Konkret prüfen wir:

- Cache-Headers und Fingerprinting für JS/CSS
- Bildformate (AVIF/WebP), Größen, Priority-Hints für LCP
- Ob HTML überhaupt edge-cachebar ist
- Ob der Origin nach dem Cutover noch unnötig getroffen wird

Mehr zum Hosting nach dem Umbau: [Hosting nach Migration](/themen/hosting-nach-migration). Edge-Rendering als Modell: [Edge-Rendering](/glossar/edge-rendering).

## Wann brauchst du (k)ein CDN?

**Ja, sinnvoll:** öffentliche Marketing- und Content-Sites, internationale oder DE-weite Reichweite, viele Medien-Assets, moderne Jamstack-/Next-Setups (meist schon inklusive).

**Allein nicht genug:** wenn der Flaschenhals PHP, Plugins oder Pagebuilder-HTML ist. Dann zuerst modernisieren — CDN danach oder parallel als Teil des neuen Hostings.

**Lokal sehr kleine Sites:** ein Edge-fähiges Hosting mit CDN-Charakter ist trotzdem der Default; Extra-Komplexität brauchst du selten.

## Verwandte Themen

- [LCP](/glossar/lcp)
- [Core Web Vitals](/glossar/core-web-vitals)
- [SSG](/glossar/ssg)
- [SSR](/glossar/ssr)
- [Edge-Rendering](/glossar/edge-rendering)
- [Vercel](/glossar/vercel)
- [Core Web Vitals & Modernisierung](/themen/core-web-vitals-modernisierung)
- [Hosting nach Migration](/themen/hosting-nach-migration)

## Quellen

- [MDN — Content delivery network (CDN)](https://developer.mozilla.org/en-US/docs/Glossary/CDN) — MDN Web Docs; Neutrale Definition eines CDN als verteiltes Delivery-Netz.
- [web.dev — Optimize LCP](https://web.dev/articles/optimize-lcp) — Google web.dev; Verbindet Delivery/Cache mit dem LCP-Critical Path.
- [Core Web Vitals & Modernisierung](https://modern-stack.de/themen/core-web-vitals-modernisierung) — Modern Stack; Praxis, wie wir Performance und Stack zusammen modernisieren.

## FAQ

### Was ist ein CDN in einem Satz?

Ein CDN ist ein Netz aus Cache-Servern, das Dateien nah am Nutzer ausliefert und so Latenz und Last auf dem Origin-Server senkt.

### Ersetzt ein CDN SSR oder SSG?

Nein. CDN cached und verteilt. [[entity:ssr|SSR]] und [[entity:ssg|SSG]] erzeugen das HTML. Zusammen sind sie stark — einzeln reicht keines.

### Reicht ein CDN gegen schlechten LCP?

Nur wenn große Assets oder langsame Origin-Antworten die Bremse sind. Bei 200 KB Pagebuilder-HTML hilft zuerst schlankeres Markup.

## Related

- [LCP](https://modern-stack.de/glossar/lcp)
- [Core Web Vitals](https://modern-stack.de/glossar/core-web-vitals)
- [Hosting nach der Migration](https://modern-stack.de/themen/hosting-nach-migration)
- [Edge Rendering](https://modern-stack.de/glossar/edge-rendering)
- [SSG](https://modern-stack.de/glossar/ssg)
- [SSR](https://modern-stack.de/glossar/ssr)
- [Core Web Vitals & Modernisierung](https://modern-stack.de/themen/core-web-vitals-modernisierung)
- [Vercel](https://modern-stack.de/glossar/vercel)

## Inline Entity Mentions

- [[entity:lcp]] → https://modern-stack.de/themen/lcp
- [[entity:vercel]] → https://modern-stack.de/themen/vercel
- [[entity:ssg]] → https://modern-stack.de/themen/ssg
- [[entity:ssr]] → https://modern-stack.de/themen/ssr
- [[entity:nextjs]] → https://modern-stack.de/themen/nextjs
- [[entity:geo]] → https://modern-stack.de/themen/geo
- [[entity:structured-data]] → https://modern-stack.de/themen/structured-data
- [[entity:core-web-vitals-modernisierung]] → https://modern-stack.de/themen/core-web-vitals-modernisierung
- [[entity:isr]] → https://modern-stack.de/themen/isr
- [[entity:wordpress-migration]] → https://modern-stack.de/themen/wordpress-migration
- [[entity:hosting-nach-migration]] → https://modern-stack.de/themen/hosting-nach-migration
- [[entity:edge-rendering]] → https://modern-stack.de/themen/edge-rendering
- [[entity:core-web-vitals]] → https://modern-stack.de/themen/core-web-vitals

## Strukturierte Daten

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://modern-stack.de/#website",
      "url": "https://modern-stack.de",
      "name": "Modern Stack",
      "description": "Wir modernisieren bestehende Unternehmenswebseiten — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.",
      "publisher": {
        "@id": "https://modern-stack.de/#organization"
      },
      "inLanguage": "de-DE"
    },
    {
      "@type": [
        "Organization",
        "ProfessionalService"
      ],
      "@id": "https://modern-stack.de/#organization",
      "name": "Modern Stack",
      "legalName": "Modern Stack",
      "url": "https://modern-stack.de",
      "logo": "https://modern-stack.de/brand/logo.png",
      "email": "info@modern-stack.de",
      "telephone": "+4915225317285",
      "sameAs": [
        "https://www.google.com/search?kgmid=/g/11p1mc1kq_&q=Modern+Stack",
        "https://stevebaka.de",
        "https://www.linkedin.com/in/steve-baka/",
        "https://www.mallorca-expats.de"
      ],
      "foundingLocation": {
        "@type": "Place",
        "name": "Bad Schönborn, Deutschland"
      },
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Glöckelsberg 13/2",
        "postalCode": "76669",
        "addressLocality": "Bad Schönborn",
        "addressRegion": "Baden-Württemberg",
        "addressCountry": "DE"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 49.22167,
        "longitude": 8.65734
      },
      "areaServed": [
        {
          "@type": "Place",
          "name": "Bad Schönborn",
          "url": "https://modern-stack.de/regionen/bad-schoenborn"
        },
        {
          "@type": "Place",
          "name": "Mingolsheim",
          "alternateName": "Bad Mingolsheim",
          "url": "https://modern-stack.de/regionen/mingolsheim"
        },
        {
          "@type": "Place",
          "name": "Langenbrücken",
          "alternateName": "Bad Langenbrücken",
          "url": "https://modern-stack.de/regionen/langenbruecken"
        },
        {
          "@type": "Country",
          "name": "DE"
        },
        {
          "@type": "Country",
          "name": "AT"
        },
        {
          "@type": "Country",
          "name": "CH"
        }
      ],
      "knowsAbout": [
        "Webseite-Modernisierung",
        "WordPress-Migration",
        "Generative Engine Optimization",
        "Lokale Sichtbarkeit Bad Schönborn"
      ],
      "founder": {
        "@id": "https://modern-stack.de/#person"
      }
    },
    {
      "@type": "Person",
      "@id": "https://modern-stack.de/#person",
      "name": "Steve Baka",
      "jobTitle": "Gründer, Modern Stack",
      "url": "https://stevebaka.de",
      "email": "info@modern-stack.de",
      "telephone": "+4915225317285",
      "sameAs": [
        "https://stevebaka.de",
        "https://www.linkedin.com/in/steve-baka/",
        "https://www.mallorca-expats.de",
        "https://geo-seo-aio.de"
      ],
      "worksFor": {
        "@id": "https://modern-stack.de/#organization"
      },
      "knowsAbout": [
        "Webseite-Modernisierung",
        "Generative Engine Optimization",
        "AI Search",
        "WordPress Migration",
        "Knowledge Graph",
        "Lokale Sichtbarkeit D-A-CH"
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://modern-stack.de/glossar/cdn#webpage",
      "url": "https://modern-stack.de/glossar/cdn",
      "name": "CDN — Glossar | Modern Stack",
      "description": "CDN erklärt: Was ein Content Delivery Network ist, wie Edge-Caches Latenz senken — und warum CDN allein keine Elementor-Monster rettet.",
      "isPartOf": {
        "@id": "https://modern-stack.de/#website"
      },
      "about": {
        "@id": "https://modern-stack.de/glossar/cdn#main"
      },
      "breadcrumb": {
        "@id": "https://modern-stack.de/glossar/cdn#breadcrumb"
      },
      "dateModified": "2026-10-06T18:00:00+00:00",
      "inLanguage": "de-DE"
    },
    {
      "@type": "DefinedTerm",
      "@id": "https://modern-stack.de/glossar/cdn#main",
      "name": "CDN — Glossar",
      "headline": "CDN — Glossar",
      "alternateName": "CDN",
      "description": "Ein CDN (Content Delivery Network) ist ein verteiltes Netz aus Cache-Servern (PoPs), das statische und oft auch gerenderte Dateien geografisch nah am Nutzer ausliefert — statt alles vom Origin-Server zu ziehen.",
      "abstract": [
        {
          "@value": "Ein CDN (Content Delivery Network) ist ein verteiltes Netz aus Cache-Servern (PoPs), das statische und oft auch gerenderte Dateien geografisch nah am Nutzer ausliefert — statt alles vom Origin-Server zu ziehen.",
          "@language": "de"
        },
        {
          "@value": "A CDN is a distributed network of cache servers (PoPs) that delivers static and often rendered files close to users instead of always hitting the origin.",
          "@language": "en"
        }
      ],
      "url": "https://modern-stack.de/glossar/cdn",
      "inLanguage": [
        "de-DE",
        "en"
      ],
      "datePublished": "2026-08-31T18:00:00+00:00",
      "dateModified": "2026-10-06T18:00:00+00:00",
      "author": {
        "@id": "https://modern-stack.de/#person"
      },
      "publisher": {
        "@id": "https://modern-stack.de/#organization"
      },
      "mainEntityOfPage": {
        "@id": "https://modern-stack.de/glossar/cdn#webpage"
      },
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": [
          ".gb-direct-answer",
          ".gb-faq-answer"
        ]
      },
      "encoding": {
        "@type": "MediaObject",
        "encodingFormat": "text/markdown",
        "name": "English direct answer",
        "text": "A CDN is a distributed edge-cache network that serves assets (and often HTML) from locations near the user, cutting latency — without fixing bloated HTML or bad application logic by itself."
      },
      "citation": [
        "https://developer.mozilla.org/en-US/docs/Glossary/CDN",
        "https://web.dev/articles/optimize-lcp",
        "https://modern-stack.de/themen/core-web-vitals-modernisierung"
      ],
      "mentions": [
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/lcp#main",
          "name": "LCP",
          "alternateName": "Largest Contentful Paint",
          "url": "https://modern-stack.de/glossar/lcp"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/core-web-vitals#main",
          "name": "Core Web Vitals",
          "alternateName": "Core Web Vitals",
          "url": "https://modern-stack.de/glossar/core-web-vitals"
        },
        {
          "@type": "Article",
          "@id": "https://modern-stack.de/themen/hosting-nach-migration#main",
          "name": "Hosting nach der Migration",
          "alternateName": "Hosting after migration",
          "url": "https://modern-stack.de/themen/hosting-nach-migration"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/edge-rendering#main",
          "name": "Edge Rendering",
          "alternateName": "Edge rendering",
          "url": "https://modern-stack.de/glossar/edge-rendering"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/ssg#main",
          "name": "SSG",
          "alternateName": "Static Site Generation",
          "url": "https://modern-stack.de/glossar/ssg"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/ssr#main",
          "name": "SSR",
          "alternateName": "Server-Side Rendering",
          "url": "https://modern-stack.de/glossar/ssr"
        },
        {
          "@type": "Article",
          "@id": "https://modern-stack.de/themen/core-web-vitals-modernisierung#main",
          "name": "Core Web Vitals & Modernisierung",
          "alternateName": "Core Web Vitals and modernization",
          "url": "https://modern-stack.de/themen/core-web-vitals-modernisierung"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/vercel#main",
          "name": "Vercel",
          "alternateName": "Vercel",
          "url": "https://modern-stack.de/glossar/vercel"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/nextjs#main",
          "name": "Next.js",
          "alternateName": "Next.js",
          "url": "https://modern-stack.de/glossar/nextjs"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/geo#main",
          "name": "GEO",
          "alternateName": "Generative Engine Optimization",
          "url": "https://modern-stack.de/glossar/geo"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/structured-data#main",
          "name": "Strukturierte Daten",
          "alternateName": "Structured data",
          "url": "https://modern-stack.de/glossar/structured-data"
        },
        {
          "@type": "DefinedTerm",
          "@id": "https://modern-stack.de/glossar/isr#main",
          "name": "ISR",
          "alternateName": "Incremental Static Regeneration",
          "url": "https://modern-stack.de/glossar/isr"
        },
        {
          "@type": "Service",
          "@id": "https://modern-stack.de/themen/wordpress-migration#main",
          "name": "WordPress-Migration",
          "alternateName": "WordPress migration",
          "url": "https://modern-stack.de/themen/wordpress-migration"
        }
      ],
      "inDefinedTermSet": "https://modern-stack.de/glossar"
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://modern-stack.de/glossar/cdn#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Startseite",
          "item": "https://modern-stack.de/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Glossar",
          "item": "https://modern-stack.de/glossar"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "CDN",
          "item": "https://modern-stack.de/glossar/cdn"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://modern-stack.de/glossar/cdn#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Was ist ein CDN in einem Satz?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ein CDN ist ein Netz aus Cache-Servern, das Dateien nah am Nutzer ausliefert und so Latenz und Last auf dem Origin-Server senkt."
          }
        },
        {
          "@type": "Question",
          "name": "Ersetzt ein CDN SSR oder SSG?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Nein. CDN cached und verteilt. [[entity:ssr|SSR]] und [[entity:ssg|SSG]] erzeugen das HTML. Zusammen sind sie stark — einzeln reicht keines."
          }
        },
        {
          "@type": "Question",
          "name": "Reicht ein CDN gegen schlechten LCP?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Nur wenn große Assets oder langsame Origin-Antworten die Bremse sind. Bei 200 KB Pagebuilder-HTML hilft zuerst schlankeres Markup."
          }
        }
      ]
    }
  ]
}
```