Caching ist eine der effektivsten Möglichkeiten, um deine Website schneller zu machen, bleibt für viele Menschen jedoch ein vager Begriff. Kurz gesagt: Caching sorgt dafür, dass häufig angefragte Daten vorübergehend gespeichert werden, sodass deine Website nicht jedes Mal alles neu aufbauen muss. Dieser Artikel erklärt, was Browser-Cache und Server-Cache genau sind, wie sie zusammenarbeiten und wie du sie einrichtest, damit Besucher schneller bedient werden.
Was ist Caching genau?
Jedes Mal, wenn jemand deine Website besucht, muss der Server Dateien suchen, Berechnungen durchführen und eine Seite zusammenstellen, die an den Browser gesendet wird. Bei einer dynamischen Website wie WordPress geschieht dies oft mithilfe einer Datenbank, was Zeit kostet. Caching speichert das Ergebnis dieses Prozesses (vorübergehend), sodass es beim nächsten Mal sofort bereitsteht, ohne dass alles erneut aufgebaut werden muss.
Du kannst Caching auf mehreren Ebenen anwenden: im Browser des Besuchers, auf dem Server selbst und manchmal sogar dazwischen bei einem CDN. Jede Ebene löst einen anderen Teil des Problems, und zusammen sorgen sie für spürbar schnellere Ladezeiten.
Caching speichert angefragte Seiten vorübergehend, sodass der Server weniger Arbeit leisten muss.
Browser-Cache versus Server-Cache
Browser-Cache arbeitet auf der Seite des Besuchers. Wenn jemand deine Website besucht, speichert der Browser Dateien wie Bilder, CSS und JavaScript lokal. Bei einem erneuten Besuch müssen diese Dateien nicht erneut heruntergeladen werden, wodurch die Seite nahezu sofort sichtbar ist. Du bestimmst über Headers, wie lange der Browser diese Dateien aufbewahren darf, bevor sie erneut abgerufen werden.
Server-Cache arbeitet auf der anderen Seite: auf dem Server selbst. Anstatt bei jedem Besuch eine vollständige WordPress-Seite mit Datenbankabfragen neu aufzubauen, wird eine fertige Version der Seite gespeichert. Diese Version wird neuen Besuchern gezeigt, bis sich die Seite ändert oder der Cache abläuft. Das spart viel Serverlast, besonders bei Websites mit vielen gleichzeitigen Besuchern.
Caching für deine Website einrichten
Wie du Caching einrichtest, hängt von der Art deiner Website ab. Bei WordPress ist ein Caching-Plugin die gängigste Lösung. Bei einer statischen Website oder einer maßgeschneiderten Anwendung richtest du Caching oft über die Serverkonfiguration oder in Plesk ein.
Wähle eine Caching-Methode
Verwende bei WordPress ein Caching-Plugin, das zu deiner Serverumgebung passt, zum Beispiel ein Plugin, das speziell mit LiteSpeed-Servern funktioniert.
Richte Browser-Cache-Headers ein
In Plesk kannst du unter den Einstellungen deiner Domain Ablaufzeiten für statische Dateien festlegen, sodass Browser diese länger aufbewahren.
Aktiviere Server-Caching
Schalte das Caching-Plugin oder die Servereinstellung ein und überprüfe, ob Seiten tatsächlich als “cached” ausgeliefert werden, zum Beispiel über die Entwicklertools deines Browsers.
Richte Cache-Löschung bei Änderungen ein
Sorge dafür, dass der Cache automatisch geleert wird, sobald du Inhalte anpasst, sodass Besucher immer die aktuelle Version der Seite sehen.
Für eine gute Caching-Strategie ist es wichtig, dass deine Website auf einem dafür geeigneten Server läuft. Schau dir die Möglichkeiten von Webhosting mit LiteSpeed und NVMe-Speicher an, womit Caching noch effektiver funktioniert.
Häufige Fehler beim Caching
Ein häufiges Problem ist, dass Besucher veraltete Inhalte zu sehen bekommen, weil der Cache nach einer Änderung nicht automatisch erneuert wird. Dies passiert oft bei Webshops, wo Vorrats- oder Preisänderungen nicht sofort für Besucher sichtbar sind. Sorge daher dafür, dass dein Caching-Plugin korrekt konfiguriert ist, um wichtige Seiten wie den Warenkorb und den Checkout vom Caching auszuschließen.
Ein weiterer Fehler ist das zu aggressive Einstellen von Browser-Cache-Zeiten für Dateien, die sich regelmäßig ändern, wie CSS oder JavaScript nach einem Theme-Update. Dadurch sehen Besucher weiterhin eine alte Version deiner Website, bis ihr Browser-Cache abläuft. Verwende Versionsnummern oder Dateinamen, die sich bei einem Update ändern, sodass der Browser automatisch die neue Version abruft.
Schließlich wird Caching manchmal mit anderen Geschwindigkeitsoptimierungen verwechselt, wie dem Komprimieren von Bildern oder dem Minimieren von Code. Caching löst das Problem der wiederholten Serverlast, ist aber kein Ersatz für eine umfassende technische Überprüfung deiner Website.
Häufig gestellte Fragen
Funktioniert Caching auch für einen Webshop?
Ja, aber mit Ausnahmen. Seiten wie der Warenkorb, der Checkout und das Kundenkonto müssen meist vom Caching ausgeschlossen werden, da sie persönliche oder aktuelle Daten anzeigen.
Kann Caching dazu führen, dass Änderungen nicht sichtbar sind?
Ja, das ist ein bekannter Nebeneffekt. Wenn der Cache nach einer Änderung nicht automatisch erneuert wird, können Besucher vorübergehend eine alte Version der Seite sehen, bis der Cache abläuft oder manuell geleert wird.
Brauche ich neben Caching auch ein CDN?
Nicht unbedingt. Caching löst vor allem die Serverlast, während ein CDN die Entfernung zwischen Besucher und Server verringert. Beides kann problemlos nebeneinander verwendet werden, aber Caching allein bringt oft schon einen spürbaren Geschwindigkeitsgewinn.
Fazit
Caching sorgt dafür, dass deine Website bei jedem Besuch weniger Arbeit leisten muss, was zu schnelleren Ladezeiten und weniger Serverlast führt. Durch gute Abstimmung von Browser-Cache und Server-Cache sowie das Einrichten von Ausnahmen für dynamische Seiten, holst du das Beste aus deiner Website heraus, ohne dass Besucher veraltete Inhalte zu sehen bekommen.