Browser Cache

Was ist ein Cache?

Im Allgemeinen handelt es sich bei einem Cache um einen Zwischen- bzw. Pufferspeicher, der üblicherweise auf einem PC, Browser oder Server zum Einsatz kommt. Durch einen Cache wird ein schnellerer Zugriff auf häufig gebrauchte Daten ermöglicht, ohne, dass diese bei jedem Abruf erneut geladen werden müssen. Da der Prozess des Speicherns im Hintergrund abläuft, bekommt der Anwender in der Regel nichts davon mit.

Funktionsweise Browser Cache

Bei einem Browser Cache werden Dateien von besuchten Webseiten temporär auf dem Computer des Nutzers als Kopie gespeichert. Hierbei handelt es sich meist um statische oder nur selten modifizierte Dateien von Webseiten wie CSS oder JavaScript-Dateien, aber auch Bilder oder Grafiken.

Besucht der Nutzer die Webseite nun erneut, werden die für die Darstellung benötigten Daten dann direkt aus dem Zwischenspeicher geholt, statt sie wieder aus dem Internet komplett herunterladen zu müssen. Dadurch wird die Anzahl der notwendigen Serveranfragen drastisch reduziert und damit die Ladezeit der Webseite spürbar gekürzt. Der Einsatz eines Browser Caches ist damit ein wichtiger Bestandteil der Pagespeed Optimierung.

Wie lange werden die Daten bei einem Browser Cache hinterlegt?

Betreiber einer Webseite können das Ablaufdatum für jedes Dateiformat individuell festlegen. Laut Google sollte die Lebensdauer sämtlicher Ressourcen dabei mindestens eine Woche betragen.

Wie aktiviere ich den Browser Cache für meine Webseite?

Ist Ihre Webseite auf einem Apache Server installiert und das Modul mod_expires aktiviert, können Sie den Browser Cache über die .htaccess Datei aktivieren. Bei der .htaccess Datei handelt es sich dabei um eine Konfigurationsdatei, die im Root-Verzeichnis Ihrer Webseite zu finden ist.

Öffnen Sie die Datei mit einem Texteditor und ergänzen Sie ihn für die Aktivierung des Browser Caches um folgende Codezeilen:

In unserem Beispiel werden die jeweiligen Dateitypen also für 14 Tage auf dem lokalen Computer des Seitenbesuchers zwischengespeichert. Diese Zeitangabe können Sie natürlich beliebig anpassen.

Läuft Ihre Webseite auf Basis eines Content Management Systems wie WordPress, können Sie für die Aktivierung des Browser Caches auch einfach ein Plugin installieren.

Zu den beliebtesten WordPress Cache Plugins zählen beispielsweise:

W3 Total Cache

Auch wenn die vielen positiven Bewertungen was anderes zeigen, müssen wir leider sagen, dass wir dieses kostenlose Cache Plugin nicht unbedingt empfehlen. Bei jeder zweiten Installation hatten wir hinterher Probleme mit der Webseite, die sich nur durch größte Mühe wieder beheben ließen. W3 Total Cache sollte daher nur von erfahrenen Webmastern installiert werden, die WordPress im Schlaf beherrschen und sich im Notfall zu helfen wissen.

WP Fastest Cache

Nach unserer Erfahrung das beste kostenlose WordPress Cache Plugin, das über eine nutzerfreundliche Oberfläche alle nötigen Caching Optionen anbietet.

WP Rocket (kostenpflichtig)

Auch wenn WP Rocket ein kostenpflichtiges Plugin ist, ist dies unser absoluter Favorit und jeden Cent wert. Während die meisten kostenlosen Cache Plugins immer wieder für Fehlermeldungen sorgen und teilweise aufwändig zu deinstallieren sind, hatten wir mit WP Rocket nie irgendwelche Probleme (hoffentlich bleibt das so 😉 ). Neben der Möglichkeit, die Caching Funktion zu aktivieren, bietet WP Rocket zudem noch viele weitere Optionen zur Page Speed Optimierung, wie zum Beispiel die Aktivierung von Lazy Load, Datenbankbereinigung, Komprimierung von HTML-, CSS- und JavaScript-Dateien und viele weitere.

Vorteile des Browser Cache

Der Einsatz eines Browser Cache bietet eine Reihe von Vorteilen.

Verbesserung der Seitenladezeit

Dadurch, dass der Browser die Inhalte beim Aufruf einer Webseite nicht jedes Mal komplett aus dem Internet herunterladen muss, sondern direkt aus dem Cache holen kann, wird die Ladezeit der Seite spürbar verbessert. Allein durch den Einsatz eines Browser Cachings kann die Ladezeit der Seite sogar um 20-30% reduziert werden!

Server verbraucht weniger Ressourcen

Logisch – wenn der Browser die benötigten Dateien direkt aus dem Cache holt, statt sie beim Server abzurufen, werden wesentlich weniger Ressourcen des Servers beansprucht.

Verbesserung der User Experience

Baut sich eine Webseite schnell auf, kann das die User Experience der Nutzer mit der Seite signifikant verbessern.

Nachteile des Browser Cache

Es kann natürlich passieren, dass die im Browser Cache gespeicherten Dateien veraltet sind, weil der Seitenbetreiber beispielsweise seine Inhalte inzwischen aktualisiert hat. Viele Webmaster kennen daher das Problem, dass sie Änderungen auf einer Website durchführen, die dann vom Kunden gar nicht gesehen werden. Dies liegt oftmals daran, dass in deren Browser Cache noch die veralteten Daten abgerufen werden. In diesem Fall werden durchgeführte Änderungen erst sichtbar, wenn der Browser Cache geleert wird. Nach dem Leeren des Caches dauert der erneute Aufruf der Webseite womöglich etwas länger. Die aktualisierten Daten werden heruntergeladen und anschließend aber erneut im Cache gespeichert.

Zudem kann die Verwendung eines Browser Cache dazu führen, dass eine Webseite fehlerhaft dargestellt wird oder einzelne Funktionen nicht mehr wie gewohnt funktionieren. Auch in diesem Fall sollte der Browser Cache zunächst geleert werden.

Ein weiteres Problem beim Einsatz des Browser Cache zeigt sich, wenn dieser nicht regelmäßig geleert wird und daher irgendwann einfach zu groß wird. Dies nimmt auf dem verwendeten Gerät viel Speicherplatz ein und kann das Gerät zusätzlich noch verlangsamen.

Wie leere ich den Browser Cache?