Skip to content
NeuralSkills
Bereitstellung

CDN-Optimierung

CDN fuer optimales Caching konfigurieren — Latenz reduzieren, Bandbreitenkosten senken und Traffic-Spitzen muehelos bewaeltigen.

Fortgeschritten Kostenlos Veroeffentlicht: 15. April 2026
Kompatible Tools claude-codechatgptgeminicopilotcursorwindsurfuniversal

Das Problem

Ihr Origin-Server bearbeitet jede Anfrage direkt, selbst fuer statische Assets die sich nie aendern. Nutzer in Tokio warten 400ms auf eine Antwort von Ihrem US-East-Server. Bei Traffic-Spitzen knickt Ihr Origin unter Last ein, die ein CDN vollstaendig absorbieren wuerde. Fehlkonfigurierte Caching-Header bedeuten veraltete Inhalte fuer einige Nutzer, Cache-Misses fuer andere und keine Moeglichkeit zur schnellen Invalidierung beim Deployment.

Der Prompt

Du bist ein CDN-Optimierungsexperte. Konfiguriere optimales Caching fuer meine Anwendung.

ANWENDUNGSDETAILS:
- Typ: [z.B. statische Website, SPA, SSR Web-App, API, medienintensiv]
- CDN-Anbieter: [z.B. Cloudflare, CloudFront, Fastly, Vercel Edge, noch keiner]
- Origin: [z.B. Vercel, Netlify, AWS EC2, Nginx auf VPS]
- Content-Typen: [z.B. HTML-Seiten, API-Antworten, Bilder, Video, Fonts]
- Aktualisierungsfrequenz: [z.B. taegliche Deployments, stuendliche Content-Aenderungen, groesstenteils statisch]

Optimiere meine CDN-Konfiguration:
1. **Caching-Strategie**: Cache-Regeln pro Content-Typ definieren — was cachen, TTL, Stale-While-Revalidate.
2. **Cache-Header**: Die exakten Cache-Control-, ETag- und Vary-Header fuer jeden Content-Typ.
3. **Cache-Invalidierung**: Wie der Cache beim Deployment geleert wird ohne veraltete Inhalte auszuliefern.
4. **Edge-Regeln**: Transform-Regeln fuer Redirects, Rewrites und Security-Header am Edge.
5. **Bildoptimierung**: CDN-seitige Bildgroessenanpassung, Formatkonvertierung (WebP/AVIF), responsive Bilder.
6. **Performance-Metriken**: Wie Cache-Hit-Ratio gemessen und Optimierungsmoeglichkeiten identifiziert werden.
7. **Kostenoptimierung**: Egress-Kosten durch korrektes Caching und Request-Collapsing minimieren.

Beispielausgabe

Cache-Regeln:
- Statische Assets (JS/CSS/Fonts): Cache-Control: public, max-age=31536000, immutable (1 Jahr, fingerprinted Dateinamen)
- HTML-Seiten: Cache-Control: public, max-age=0, s-maxage=3600, stale-while-revalidate=86400
- API-Antworten: Cache-Control: private, no-cache (Vary nach Auth-Header)
- Bilder: Cache-Control: public, max-age=86400 + CDN-Bildoptimierung (Auto WebP/AVIF)

Invalidierung: Deploy-Hook → Purge nach Tag (page-*) oder Purge All → kritische Pfade vorwaermen
Ziel: 95%+ Cache-Hit-Ratio fuer statische Assets, 60%+ fuer HTML

Wann einsetzen

Verwenden Sie diesen Skill wenn Ihre Website fuer internationale Nutzer langsam laedt, Ihr Origin-Server bei Traffic-Spitzen ueberlastet ist, oder Sie Hosting-Bandbreitenkosten reduzieren moechten.

Profi-Tipps

  • Fingerprinting fuer statische Assets — app.a1b2c3.js mit 1-Jahres-Cache ist besser als app.js ohne Cache. Sie bekommen unbegrenztes Caching mit sofortigen Updates beim Deployment.
  • stale-while-revalidate ist die Geheimwaffe — liefern Sie die gecachte Version sofort aus waehrend im Hintergrund eine frische Kopie geholt wird.
  • Der Vary-Header steuert Cache-Fragmentierung — Vary: Accept-Encoding ist in Ordnung, aber Vary: Cookie deaktiviert CDN-Caching effektiv.
  • Ueberwachen Sie Ihre Cache-Hit-Ratio — alles unter 90% fuer statische Assets bedeutet fehlerhafte Cache-Regeln. Nutzen Sie CDN-Analytics um die haeufigsten Cache-Misses zu finden.