TL;DR: Ein CDN ist entscheidend für die globale SaaS-Leistung, da es statische Assets und dynamische Inhalte an Edge-Standorten nahe bei den Benutzern zwischenspeichert. Dieser Leitfaden vergleicht große CDN-Anbieter, behandelt die Cache-Konfiguration, Purge-Strategien und das Setup für benutzerdefinierte Ursprünge.
Einführung
Ein Content Delivery Network (CDN) speichert Ihre Inhalte auf weltweiten Edge-Servern zwischen, wodurch die Latenz für Benutzer unabhängig von ihrem Standort reduziert wird. Für SaaS-Anwendungen ist das CDN die erste Ebene der Leistungsoptimierung.
Vergleich der CDN-Anbieter
| Funktion | Cloudflare | Fastly | CloudFront | Bunny.net |
|---|---|---|---|---|
| Edge-Standorte | 330+ | 150+ | 600+ | 100+ |
| Preismodell | Kostenlos/Pro/Business | Nutzung + Minimum | Nutzung | Flatrate pro TB |
| Benutzerdefinierte VCL | Nein (Workers) | Ja (VCL) | Ja (Lambda@Edge) | Nein |
| Cache-API | Workers Cache API | PURGE API | Invalidation | PURGE API |
| DDoS-Schutz | Integriert | Add-on | AWS Shield | Add-on |
| Komplexität der Einrichtung | Einfach | Mittel | Mittel | Einfach |
Cloudflare-Cache-Konfiguration
Die Cache-Regeln von Cloudflare werden über wrangler.jsonc oder das Cloudflare-Dashboard konfiguriert. Die folgende Konfiguration legt Cache-Regeln für statische Assets mit einer 24-Stunden-TTL und Stale-while-revalidate für sofortige Cache-Aktualisierungen fest:
# wrangler.jsonc
{
"rules": [
{
"description": "Cache static assets",
"expression": "(http.request.uri.path ~ '\\.(css|js|png|jpg|svg|woff2)$')",
"actions": {
"cache": {
"ttl": 86400,
"serve_stale": {
"status": [200],
"stale_while_revalidate": 3600
}
}
}
}
]
}
Die Konfiguration von serve_stale mit stale_while_revalidate stellt sicher, dass Benutzer niemals einen Cache-Miss erleben — die Edge liefert die veralteten Inhalte aus, während im Hintergrund eine aktuelle Version abgerufen wird. Dies ist entscheidend für Assets, die über lange Zeiträume zwischengespeichert werden.
Cache-Strategie nach Inhaltstyp
| Inhaltstyp | TTL | Cache-Ebene | Cache-Schlüssel |
|---|---|---|---|
| Statische Assets (CSS/JS) | 1 Jahr | Edge + Browser | Vollständige URL |
| Bilder | 30 Tage | Edge + Browser | URL + Dimensionen |
| API-Antworten | 0-60s | Nur Edge | URL + Header |
| HTML-Seiten | 0-300s | Nur Edge | URL + Cookies |
Fazit
Cloudflare bietet für die meisten SaaS-Anwendungen die beste Kombination aus Edge-Abdeckung, Leistungsmerkmalen und Einfachheit. Beginnen Sie mit dem Standard-Caching und passen Sie die TTLs basierend auf den Anforderungen an die Aktualität der Inhalte an. Weitere Techniken zur Cache-Optimierung finden Sie in unserem Leitfaden für Edge-Caching-Strategien, und erfahren Sie im Leitfaden Performance: Reduzierung der TTFB, wie Sie die Time to First Byte reduzieren können. Der Artikel HTTP/2 und HTTP/3 Optimierung behandelt Leistungsverbesserungen auf Protokollebene, und der Core Web Vitals Optimierungs-Leitfaden verknüpft die CDN-Strategie mit Metriken der Benutzererfahrung.