Programmierung · Web · Performance

Was ist ein CDN?

Ein CDN (Content Delivery Network, Netz zur Inhaltsauslieferung) ist eine Gruppe von Servern an vielen Standorten, die Kopien deines statischen Inhalts - Bilder, CSS, JavaScript, Schriften, Videos - halten und jeden Besucher von einem geografisch nahen Server bedienen. Das Ziel ist einfach: die Strecke verkurzen, die eine Anfrage zurucklegen muss, damit Seiten schneller laden und dein Hauptserver weniger arbeitet. Wenn deine Website in einer einzigen Stadt gehostet ist, muss ein Besucher auf der anderen Seite des Planeten nicht mehr fur jede Datei um die Welt reichen.

Das Problem, das es lost

Wenn deine Website auf einem einzigen Server liegt, muss jede Anfrage - aus jedem Land - diese eine Maschine erreichen und zuruckkommen. Distanz kostet Zeit: je weiter der Besucher entfernt ist, desto mehr Latenz schleicht sich ein, und desto ausgelasteter wird dein Server, wenn der Traffic wachst. Ein CDN lost beide Probleme, indem es Kopien deiner Dateien naher an die Menschen bringt und den Grossteil der Anfragelast von deinem Origin nimmt.

Edge-Server und Points of Presence

Die Server, die ein CDN zum Zwischenspeichern und Ausliefern von Inhalten nutzt, heissen oft Edge-Server, sie sitzen am "Rand" (Edge) des Netzwerks, nahe an den Nutzern, statt an deinem zentralen Origin. Gruppen davon stehen in Rechenzentren weltweit, manchmal Points of Presence (PoPs) genannt. Wenn jemand eine Datei anfordert, leitet das CDN ihn zu einem nahen Edge-Server statt zu deinem Origin. Weil dieser Server nah ist, ist der Roundtrip kurzer und die Auslieferung schneller.

Cache Hit, Cache Miss und der Origin

Der Kernmechanismus eines CDN ist der Cache. Wird ein Edge-Server das erste Mal nach einer Datei gefragt, die er nicht hat, ist das ein Cache Miss: der Edge holt die Datei von deinem Origin-Server, schickt sie an den Besucher und speichert eine Kopie. Der nachste Besucher an demselben Edge bekommt einen Cache Hit - die Datei ist schon da und wird sofort ausgeliefert, ohne den Origin uberhaupt zu beruhren.

Anfrage -> nachster Edge-Server
  Cache HIT  -> liefert die gespeicherte Kopie (schnell, Origin unberuhrt)
  Cache MISS -> holt vom Origin, liefert, speichert dann fur das nachste Mal

Deshalb beschleunigt ein CDN die Auslieferung und entlastet den Origin: sobald Inhalte am Edge zwischengespeichert sind, werden die meisten Anfragen beantwortet, ohne je deinen Server zu erreichen. Bei einer Traffic-Spitze fangt das Edge-Netz den Grossteil der Last ab.

TTL und Invalidierung: den Cache frisch halten

Eine Cache-Kopie kann nicht ewig leben, sonst wurden Besucher nach dem Update einer Datei weiter eine alte Version sehen. Zwei Mechanismen regeln das:

• TTL (Time to Live): jedem zwischengespeicherten Element wird eine Lebensdauer gegeben, meist gesteuert durch HTTP-Cache-Header wie Cache-Control. Lauft die TTL ab, behandelt der Edge das Element als veraltet und pruft den Origin erneut, bevor er es wieder ausliefert.
• Invalidierung (Purge): wenn du eine Anderung ausrollst und nicht auf die TTL warten kannst, sagst du dem CDN, bestimmte Cache-Dateien zu verwerfen, sodass die nachste Anfrage die frische Version vom Origin holt. Ein gangiger Trick, der ein Purge ganz vermeidet, ist Cache Busting - den Dateinamen andern oder eine Version als Parameter anhangen, etwa style.abc123.css, damit eine neue URL frisch geholt wird.

Statischer Inhalt vs dynamischer Inhalt

CDNs glanzen mit statischem Inhalt: Dateien, die fur alle gleich sind und sich selten andern, wie Bilder, Stylesheets, Skripte und Downloads. Diese lassen sich sauber cachen und konnen lange vom Edge ausgeliefert werden. Dynamischer Inhalt - ein personalisiertes Dashboard oder eine Antwort, die davon abhangt, wer angemeldet ist - ist schwerer zu cachen, weil die Antwort pro Anfrage anders ist. Moderne CDNs helfen auch hier mit Funktionen wie Verbindungswiederverwendung und dem Ausfuhren kleiner Logikteile am Edge, aber der klassische, grosste Gewinn bleibt das Cachen statischer Assets nahe an den Nutzern.

Was ein CDN sonst noch haufig tut

Neben dem Cachen bundeln die meisten CDNs nutzliche Extras. Sie terminieren typischerweise TLS (HTTPS) am Edge und wenden Kompression an, damit Dateien kleiner und verschlusselt reisen. Viele fugen zudem Schutz gegen Traffic-Fluten hinzu und fangen Last ab, die sonst deinen Origin treffen wurde. Zu den realen, weit verbreiteten CDNs zahlen Cloudflare, Fastly und Akamai; fur Open-Source-Bibliotheken liefern offentliche CDNs wie jsDelivr Pakete direkt aus einem globalen Edge-Netz.

Wo ein CDN zu deinem Hoster passt

Ein CDN ersetzt dein Hosting nicht - es sitzt davor. Dein Server oder VPS bleibt der Origin, der die echten Dateien halt und deine Anwendung ausfuhrt; das CDN cacht und liefert Kopien der cachebaren Teile. Es passt auch naturlich zu einem Reverse Proxy vor deiner App: der Proxy routet und terminiert TLS an deinem Origin, wahrend das CDN die globale Edge-Schicht ubernimmt. Du brauchst trotzdem einen soliden Origin-Hoster unter dem Ganzen.

FAQ

Ersetzt ein CDN meinen Webhoster? Nein. Dein Hoster ist der Origin, der die echten Dateien speichert und deine App ausfuhrt. Ein CDN cacht und liefert Kopien der statischen, cachebaren Teile von Servern nahe deinen Besuchern. Du brauchst beides: einen zuverlassigen Origin plus die Edge-Schicht davor.

Was ist der Unterschied zwischen Cache Hit und Cache Miss? Ein Hit heisst, der Edge-Server hat die angeforderte Datei bereits im Cache und liefert sie sofort. Ein Miss heisst, er hat sie nicht, also holt er die Datei vom Origin, liefert sie und speichert eine Kopie, damit die nachste Anfrage ein Hit ist.

Was ist TTL? Time to Live: wie lange ein zwischengespeichertes Element als frisch gilt, meist durch HTTP-Cache-Header gesetzt. Lauft die TTL ab, pruft der Edge den Origin erneut, bevor er das Element wieder ausliefert, sodass Updates schliesslich alle erreichen.

Kann ein CDN dynamischen Inhalt cachen? Teilweise. Inhalt, der pro Nutzer unterschiedlich ist, lasst sich schwer direkt cachen, aber CDNs beschleunigen ihn dennoch mit Verbindungswiederverwendung, Kompression und Edge-Logik. Der grosste, einfachste Gewinn bleibt das Cachen statischer Assets wie Bilder, CSS und JavaScript nahe an den Nutzern.

Verwandte Guides: was ein Reverse Proxy ist, was ein Load Balancer ist, was ein VPS ist.