Content Delivery Network (CDN)

Ein Content Delivery Network (CDN)Ein Content Delivery Network (CDN) ist ein Netzwerk verteilter Server, das statische Inhalte näher beim Nutzer ausliefert und so Ladezeiten verkürzt.Zum Glossareintrag → ist ein Netzwerk geografisch verteilter Server, das Inhalte wie Bilder, CSSCascading Style Sheets (CSS) ist die Sprache, mit der das Layout und die Gestaltung von Webseiten festgelegt werden. CSS bestimmt unter anderem Farben, Schriften, Abstände und Anordnung.Zum Glossareintrag →, JavaScript und andere statische Assets möglichst nah am Standort des Nutzers ausliefert. Dadurch verkürzen sich Übertragungswege und Ladezeiten, und der Ursprungsserver wird entlastet.

Ein CDN ist ein wichtiger Hebel für die Serverantwort und beeinflusst damit indirekt den Largest Contentful Paint (LCP)Largest Contentful Paint (LCP) misst, wann das grösste sichtbare Inhaltselement im sichtbaren Bereich geladen ist, und steht damit für die wahrgenommene Ladegeschwindigkeit.Zum Glossareintrag →. Fehlt ein CDN, kann das eine Ursache für langsame Ladezeiten sein. Typische Einsatzbereiche sind:

• Auslieferung statischer Assets wie Bilder, CSS und JavaScript,
• Edge CachingCaching speichert bereits abgerufene Inhalte zwischen, sodass sie bei erneuten Aufrufen schneller bereitstehen und Server sowie Netzwerk entlastet werden.Zum Glossareintrag → von Inhalten näher beim Nutzer,
• schnellere Auslieferung für internationale Zielgruppen.

Ein CDN ersetzt aber keine grundlegende Optimierung: Sind Bilder zu gross oder blockiert JavaScript das RenderingJavaScript-Rendering bezeichnet den Vorgang, bei dem ein Browser oder Crawler JavaScript-Code ausführt, um daraus die fertige, sichtbare Seite zu erzeugen. Erst nach diesem Schritt entstehen Inhalte, die nicht bereits im ausgelieferten HTML stehen.Zum Glossareintrag →, hilft auch ein CDN nur begrenzt. Es ist ein Baustein neben Caching, BildoptimierungBild-SEO umfasst alle Massnahmen, die Bilder für Suchmaschinen, die Bildersuche und maschinelle Systeme verständlicher machen. Dazu gehören Alt-Texte, sprechende Dateinamen und passender Kontext.Zum Glossareintrag → und schlankem Frontend-Code.