Zwischenspeicherung im Browser: Cache-Control richtig setzen

Was ist Zwischenspeicherung mit Cache-Control?

Jede Antwort Ihres Servers kann Anweisungen für den Browser enthalten. Der Header «Cache-Control» legt fest, wie lange eine Datei gespeichert und ohne neue Anfrage wiederverwendet werden darf. «max-age=604800» heisst zum Beispiel: sieben Tage, angegeben in Sekunden. Das Wort «immutable» sagt dem Browser, dass sich die Datei unter diesem Namen nicht mehr ändert. Sinnvoll ist das vor allem für Dateien, die sich selten ändern: Stile, Skripte, Schriften und Bilder. Die Startseite selbst wird oft kürzer oder gar nicht zwischengespeichert, damit Änderungen sofort sichtbar sind.

Warum zählt das für Besucher, Google und KI-Assistenten?

Wiederkehrende Besucher und alle, die mehrere Seiten Ihrer Website öffnen, profitieren am meisten: Die gemeinsamen Dateien kommen aus dem Speicher des Browsers und müssen nicht neu geladen werden. Das spart Zeit und mobiles Datenvolumen. Besucher springen bei langsamen Seiten eher ab, und Google berücksichtigt die Geschwindigkeit als Teil der Seitenerfahrung, wenn auch als relativ kleinen Faktor. Für KI-Crawler und Suchmaschinen ist der Browser-Cache weniger wichtig, weil sie eigene Abläufe haben. Der Hauptnutzen liegt bei den Menschen, die Ihre Seite besuchen, und beim Server, der weniger Anfragen bearbeiten muss.

So prüfen Sie es selbst

Öffnen Sie Ihre Startseite, drücken Sie F12 und wählen Sie «Netzwerk». Laden Sie die Seite neu und klicken Sie auf eine Stil- oder Skriptdatei Ihrer Website. Bei den Antwort-Headern sehen Sie «cache-control». Fehlt der Header oder steht dort «no-cache» oder «max-age=0», wird nicht zwischengespeichert. Der Gratis-Check von KI-Sichtradar prüft die erste eigene Stil- oder Skriptdatei, die er auf der Startseite findet. Findet er keine, bleibt der Punkt ohne Wertung. Auch das ist eine Momentaufnahme. Auf der Kommandozeile geht es so:

curl -sI https://ihre-firma.ch/assets/stil.css | grep -i cache-control
# Beispiel einer guten Ausgabe:
# cache-control: public, max-age=604800

So beheben Sie es

Auf einem Apache-Server lässt sich die Dauer für Dateitypen in der Datei .htaccess setzen. Machen Sie vorher eine Sicherung und lassen Sie die Änderung von der Person vornehmen, die Ihre Website betreut. Wählen Sie eine Dauer, die zu Ihrer Arbeitsweise passt: Ändern Sie eine Datei, ohne den Dateinamen zu ändern, sehen Besucher die neue Version erst nach Ablauf der Dauer. Sieben Tage sind ein vorsichtiger Wert. Längere Zeiten eignen sich, wenn Dateinamen bei jeder Änderung neu vergeben werden. Viele Baukästen und Plugins bieten dafür einen Schalter.

<IfModule mod_headers.c>
  <FilesMatch "\.(css|js|woff2|jpg|jpeg|png|webp|avif|svg)$">
    Header set Cache-Control "public, max-age=604800"
  </FilesMatch>
</IfModule>

1. Prüfen Sie im Netzwerk-Reiter, welchen Cache-Control-Wert Ihre Stil- und Skriptdateien haben.
2. Machen Sie eine Sicherung der Datei .htaccess oder der Server-Einstellungen.
3. Lassen Sie die Dauer für Stile, Skripte, Schriften und Bilder von der Person setzen, die Ihre Website betreut, mindestens sieben Tage.
4. Klären Sie, wie Änderungen an Dateien sichtbar werden, zum Beispiel mit neuen Dateinamen bei jeder Version.
5. Laden Sie die Seite neu und prüfen Sie, ob der Header jetzt erscheint.