Kostenloser Cache-Control-Header-Analyzer

Cache-Control-Header analysieren und verstehen. Visueller Builder und Empfehlungen für bewährte Verfahren. Kostenlos, schnell und vollständig im Browser ohne Anmeldung.

Aktualisiert am

Share:
Home/Website Tools/Cache-Control Header Analyzer

Cache-Control Header Analyzer

Parse and understand Cache-Control headers. Visual builder and best-practice recommendations.

Analyze Cache-Control Header

Common Cache Patterns

Static Assets (1 year)

public, max-age=31536000, immutable

API Response (no cache)

no-store, no-cache, must-revalidate

HTML Pages (revalidate)

no-cache, must-revalidate

CDN with SWR (5 min)

public, max-age=300, stale-while-revalidate=60

Private user data

private, no-store

Long CDN, short browser

public, max-age=3600, s-maxage=86400

Häufig gestellte Fragen

Was ist der Cache-Control Header Analyzer?

Der Cache-Control Header Analyzer ist ein kostenloses Online-Tool, das cache-control-Header analysiert und verständlich macht, mit einem visuellen Builder und Empfehlungen für bewährte Verfahren. Es läuft vollständig in deinem Browser, ohne Installation oder Anmeldung.

Welche Direktiven werden erklärt?

Alle Cache-Control-Direktiven, darunter max-age, no-cache, no-store, public, private, must-revalidate und weitere.

Kann ich einen Cache-Control-Header erstellen?

Ja – aktiviere die Direktiven im Builder-Modus, um die Header-Zeichenkette zu erzeugen.

Ist es kostenlos?

Ja, völlig kostenlos.

Sind meine Daten mit diesem Tool sicher?

Absolut. Der Cache-Control Header Analyzer verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Funktioniert der Cache-Control Header Analyzer auf Mobilgeräten?

Ja, der Cache-Control Header Analyzer ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne eine App herunterzuladen.

Muss ich ein Konto erstellen, um dieses Tool zu nutzen?

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Cache-Control Header Analyzer in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Wie verwende ich den Cache-Control Header Analyzer?

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Welche Browser werden unterstützt?

Der Cache-Control Header Analyzer funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Was ist der Unterschied zwischen max-age und s-maxage in einem Cache-Control-Header?

Beide legen eine Frische-Lebensdauer in Sekunden fest, richten sich aber an unterschiedliche Caches. max-age teilt jedem Cache — einschließlich des Browsers des Besuchers — mit, wie lange die Antwort frisch bleibt, bevor sie neu abgerufen oder revalidiert werden muss. s-maxage gilt nur für geteilte Caches wie CDNs und Proxys und überschreibt dort max-age, ohne den max-age-Wert im Browser zu verändern. So kannst du eine Antwort am CDN-Edge aggressiv cachen und gleichzeitig im Browser eine kürzere oder andere Lebensdauer beibehalten, zum Beispiel public, max-age=3600, s-maxage=86400 für einen einstündigen Browser-Cache und einen eintägigen Edge-Cache. Dieser Analyzer zeigt den Browser-Cache und den CDN-Cache als zwei getrennte Badges an — füge oben deinen Header ein, um genau zu sehen, wie lange jede Ebene die Antwort vorhält.

Was ist der Unterschied zwischen no-cache und no-store?

Trotz der ähnlichen Namen bewirken diese Direktiven das genaue Gegenteil voneinander. no-store verbietet das Caching vollständig: Weder der Browser noch ein CDN darf eine Kopie speichern, sodass jede Anfrage zum Ursprungsserver zurückgeht. Das ist die richtige Wahl für sensible Antworten wie Banking-Seiten oder persönliche Kontodaten. no-cache erlaubt dagegen, dass die Antwort gespeichert wird, verlangt aber, dass der Cache sie vor jeder erneuten Auslieferung beim Ursprungsserver revalidiert — der Nutzer erhält also immer geprüft-frische Inhalte, ohne bei unveränderten Daten einen vollständigen erneuten Download zu benötigen. Ein gängiges Muster ist no-cache für HTML, damit neue Asset-Referenzen sofort nach einem Deploy erscheinen, und no-store nur dort, wo der Datenschutz es verlangt. Füge oben einen Header ein, und der Analyzer kennzeichnet jede Direktive nach Kategorie — Frische, Revalidierung oder Zielgruppe —, sodass das Verhalten auf einen Blick klar wird.

Wie lange ist max-age=31536000 und warum ist dieser Wert so verbreitet?

max-age wird immer in Sekunden angegeben, und 31.536.000 Sekunden entsprechen genau einem Jahr (60 x 60 x 24 x 365). Dieser Wert gilt als konventionelles Maximum, weil die meisten Caching-Empfehlungen ein Jahr faktisch als dauerhaft betrachten. Man sieht ihn häufig zusammen mit immutable bei fingerprint-versehenen statischen Assets — Dateien, deren Name einen Content-Hash enthält, wie app.4f2a9c.js —, weil ein neuer Build einen neuen Dateinamen erzeugt und die alte Datei sich daher nie mehr ändern muss und so lange wie möglich gecacht werden kann. Die immutable-Direktive sorgt zusätzlich dafür, dass Browser innerhalb dieses Zeitfensters beim erneuten Laden keine Revalidierungsanfragen senden. Da das manuelle Umrechnen von Zeitdauern fehleranfällig ist, wandelt dieses Tool jeden max-age- oder s-maxage-Wert wieder in lesbare Einheiten wie Stunden und Tage um, damit du einen Header vor dem Deployment auf Plausibilität prüfen kannst. Füge einen Wert oben ein, um ihn sofort zu entschlüsseln.

Warum liefert meine Website nach einem Fix immer noch alte Inhalte aus?

Veraltete Inhalte nach einem Deploy lassen sich fast immer auf einen zu aggressiv eingestellten Cache-Control-Header beim HTML-Dokument zurückführen. Wurde die Seite mit einem langen max-age und ohne Revalidierungs-Direktive ausgeliefert, servieren Browser und CDNs weiterhin die gecachte Kopie — samt ihrer alten Verweise auf CSS und JavaScript —, bis diese Lebensdauer abgelaufen ist, sodass Nutzer den Fix nie zu sehen bekommen. Die sichere Lösung ist, HTML mit no-cache (oder einem sehr kurzen max-age plus must-revalidate) auszuliefern, sodass es bei jedem Besuch revalidiert wird und neue Asset-Referenzen sofort greifen, während lange, unveränderliche Caching-Zeiten nur für gehashte statische Dateien gelten. Denk daran, dass CDN-Edge-Caches s-maxage unabhängig befolgen, sodass ein veralteter Edge-Cache länger bestehen bleiben kann als ein bereits aktualisierter Browser-Cache. Füge oben den Cache-Control-Header der Seite ein, um zu prüfen, ob sie zu lange gecacht wird.

Was macht stale-while-revalidate und wann sollte ich es einsetzen?

stale-while-revalidate erlaubt einem Cache, eine leicht veraltete Antwort sofort auszuliefern, während er im Hintergrund eine frische Kopie vom Ursprungsserver abruft — der nächste Besucher erhält dann die Aktualisierung, ohne auf einen langsamen Roundtrip warten zu müssen. Du legst ein Zeitfenster in Sekunden fest — zum Beispiel bedeutet public, max-age=300, stale-while-revalidate=60, dass die Antwort fünf Minuten lang frisch ist und danach bis zu eine weitere Minute veraltet ausgeliefert werden darf, während sie im Hintergrund aktualisiert wird. Ideal ist das für Inhalte, die kurze Veralterung vertragen, etwa CDN-gecachte Seiten und API-Antworten, bei denen gefühlte Geschwindigkeit wichtiger ist als absolute Aktualität. Eine verwandte Direktive, stale-if-error, liefert eine veraltete Kopie aus, wenn der Ursprungsserver einen Fehler zurückgibt, und verbessert so die Ausfallsicherheit. Füge oben einen Header mit einer dieser Direktiven ein, und der Analyzer erklärt das genaue Verhalten und die Zeitabläufe.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/cache-checker" title="Free Cache-Control Header Analyzer — The Toolbox" width="100%" height="280" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/website-tools/cache-checker?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Cache-Control Header Analyzer</a> by The Toolbox</p>

Über den Cache-Control-Header-Analyzer

Der Cache-Control-Header-Analyzer macht aus einem kryptischen HTTP-Header eine verständliche Erklärung in Klartext. Füge einen Wert wie public, max-age=3600, must-revalidate ein, klicke auf Parse, und das Tool zerlegt den Header in seine einzelnen Direktiven, zeigt dir, wie lange Browser und CDNs die Antwort speichern dürfen, und erklärt, was jedes Token tatsächlich bewirkt. Entwickelt wurde es für Frontend- und Backend-Entwickler, DevOps-Ingenieure und alle, die herausfinden müssen, warum ein Deployment nicht live gegangen ist oder warum eine statische Datei immer wieder neu heruntergeladen wird.

Alles läuft direkt in deinem Browser ab. Das Tool parst nur die Header-Zeichenkette, die du eingibst — es ruft keine URL auf, kontaktiert keinen Server und speichert deine Eingabe nirgendwo. Es gibt keine Registrierung, kein Rate-Limit und keine Software zu installieren, sodass du Header aus Staging, internen Anwendungen oder Produktion bedenkenlos einfügen kannst, ohne dass etwas dein Gerät verlässt.

Was dir der Analyzer anzeigt

Sobald du einen Header parst, liefert das Tool zwei Dinge. Zunächst eine visuelle Zusammenfassung, die die Direktiven in eine reale Cache-Lebensdauer übersetzt: ein grünes Badge mit einer verständlichen Zeitangabe (zum Beispiel „1 Stunde" statt max-age=3600), oder einen klaren Status „Nicht gecacht" / „Muss revalidiert werden", wenn no-store oder no-cache vorhanden ist. Browser-Cache und CDN- bzw. Shared-Cache werden dabei getrennt ausgewiesen, denn s-maxage und private beeinflussen das Verhalten geteilter Caches unabhängig vom Browser.

Zweitens eine Direktive-für-Direktive-Aufschlüsselung. Jedes Token wird nach Kategorie gekennzeichnet — Frische, Revalidierung, Zielgruppe oder Sonstiges — und mit einer einzeiligen Beschreibung versehen. Der Analyzer erkennt den gesamten gängigen Direktivensatz, darunter:

  • max-age / s-maxage — Frische-Lebensdauer in Sekunden; s-maxage überschreibt max-age, allerdings ausschließlich für CDNs und Proxys.
  • no-cache — die Antwort darf gespeichert werden, muss aber vor jeder Wiederverwendung beim Ursprungsserver revalidiert werden.
  • no-store — die Antwort darf nirgendwo gecacht werden; nutze dies für sensible Daten.
  • public / private — legt fest, ob geteilte Caches die Antwort speichern dürfen oder nur der Browser des jeweiligen Nutzers.
  • must-revalidate / proxy-revalidate / immutable — steuern, was passiert, sobald eine Antwort veraltet ist.
  • stale-while-revalidate / stale-if-error — liefern eine veraltete Kopie aus, während im Hintergrund aktualisiert wird oder wenn der Ursprungsserver einen Fehler zurückgibt.

Einen Header von Grund auf erstellen

Wechsle zum Builder-Tab, um einen Header zusammenzustellen, ohne die Syntax auswendig zu kennen. Aktiviere die gewünschten Direktiven, gib numerische Werte für max-age, s-maxage, stale-while-revalidate und stale-if-error ein, und das Tool schreibt dir die korrekte Cache-Control:-Zeichenkette zum Kopieren. Du kannst den generierten Header direkt an den Analyze-Tab senden, um zu prüfen, ob er wirklich das tut, was du beabsichtigt hast, bevor du ihn in deine Serverkonfiguration, CDN-Regeln oder Framework-Response einträgst.

Der Analyze-Tab enthält außerdem fertige Muster, die du mit einem Klick laden kannst — fingerprint-versehene statische Assets, die ein Jahr lang mit immutable gecacht werden, no-cache-HTML, private Nutzerdaten sowie ein CDN-Setup mit stale-while-revalidate.

Warum Cache-Header wichtig sind

Cache-Control richtig einzustellen ist einer der günstigsten Performance-Gewinne überhaupt: Eine korrekt gecachte Ressource wird aus dem Browser oder einem nahen CDN-Edge-Standort ausgeliefert, statt einen vollständigen Roundtrip zu deinem Ursprungsserver auszulösen — das verkürzt Ladezeiten und reduziert den Traffic am Ursprung. Es falsch zu machen, ist in die andere Richtung genauso folgenreich: Ist die Einstellung zu aggressiv, sehen Nutzer nach einem Fix weiterhin eine veraltete Seite; ist sie zu großzügig, verschwendest du Bandbreite, weil Dateien erneut gesendet werden, die sich nie geändert haben.

Eine übliche, sichere Grundeinstellung ist es, statische Dateien (CSS, JS, Bilder mit einem Hash im Dateinamen) mit einem Fingerprint zu versehen und sie mit max-age=31536000, immutable ein volles Jahr lang zu cachen, während HTML mit no-cache ausgeliefert wird, damit es bei jedem Aufruf revalidiert wird und neue Asset-Referenzen sofort greifen. Beachte, dass max-age immer in Sekunden angegeben wird — ein Jahr entspricht also 31.536.000 Sekunden, ein Wert, den der Analyzer wieder in lesbare Einheiten umrechnet, damit du ihn auf einen Blick prüfen kannst.

Füge oben einen Header ein, um ihn zu entschlüsseln, oder öffne den Builder, um einen neuen zu erstellen.